본문 바로가기
  • 개 내 (Gaenea)
컴퓨터.스마트폰 상식 기타

[스크랩] 이미지 댓글 다는 법의 모음판,,,,,,,,,,,

by joolychoi 2008. 7. 24.
이미지 댓글 다는 법의 모음판,,,,,,,,,,, 2006/10/18
별바라기

 

이미지주소--원하는 이미지에 마우스를 갖다놓고 마우스 오른쪽을 누르면 속성이 나옵니다 그 속성을 복사하면 됩니다

  밑의 댓글소스를 댓글 쓰기에 직접 복사해서 클릭만하면 이미지가 나옵니다

이미지크기를 줄이거나 늘일 필요가 없을때는 width=200 height=200를 쓰지않으시면 됩니다

200 의 숫자는 크기에 따라 조절하셔서 숫자를 정하면 됩니다

 

1. 댓글이미지 왔다 갔다

<marquee behavior=alternate><img src=이미지 주소 width=200 height=200></marquee>

 

2. 댓글이미지 왼쪽으로

<marquee direction=left><img src=이미지 주소 width=200 height=200></marquee>

 

3. 댓글이미지 오른쪽으로

<marquee direction=right><img src=이미지 주소 width=200 height=200></marquee>

 

4.댓글이미지 위로

<marquee direction=up><img src=이미지 주소 width=200 height=200></marquee>

 

5. 댓글이미지 아래로

<marquee direction=down><img src=이미지 주소 width=200 height=200></marquee>

 

글자색 색상표 <원하는 글색을 크릭하시면 그색의 번호가 나와요>

글자색
배경색

 

6.

<marquee behavior=alternate><SPAN style="FONT-SIZE: 20pt; FILTER: shadow(color=red,direction=135); WIDTH: 92.64%; COLOR: white; HEIGHT: 70px"><P></P><br><P>오신 고은님 정말로 ♡</P><P></SPAN></marquee>

 

7.

<div style="font-size:16; color:blue" onMouseOver="this.style.color='blue'; this.style.fontSize='24'" onMouseOut="this.style.color='red'; this.style.fontSize='16'">
<b><i>오신 고은님 정말로 ♡...</i></b></div>

 

8.

<DIV ID="GlowId" STYLE="width:520; height:50; font-size: 32pt; color:#ffffff; filter:Glow(Color=red, Strength=10)"><CENTER>불타는글 Glow 글자체</CENTER></DIV>  

 

9. 글자 눞혀쓰기 소스

<FONT face=@궁서>힝~ 이게 뭐쥥..?</FONT>

 

10. 글자 세로 쓰기 소스

<DIV style="writing-mode:tb-rl; width:300;">

 

11. 올라가는 글씨쓰기

<marquee direction="up" scrollamount="1" bgcolor="yellow"><center>
많지않아도 그리고 자주 만날 수 없어도
나에게 친구가 있음은 얼마나 소중한 것입니까.</center></marquee>

 

12. 세로글씨 오른쪽으로 지나가기

<marquee direction=left><DIV style="writing-mode:tb-rl; width:300;">글씨</DIV ></marquee>

 

13. 글씨가 공간에서 욺직이는글씨

<marquee direction="up" behavior="alternate"><marquee behavior="alternate"><font color="#FF00CC" size="1">공간에서 움직이는 글씨 </font></marquee></marquee>

 

14. 한글자씩 차례로 올라가는 글씨

<marquee direction=up><font color="#FF00CC" size="2">별♡♥<ul>바♡♥<ul>라♡♥<ul>기♡♥<ul>플♡♥<ul>넷♡♥<ul>사♡♥<ul>랑♡♥<ul>해♡♥</font></marquee>

 

15. 댓글의 글씨에 그림자 지는 글씨

<DIV STYLE="width:520; height:50; font-size: 15pt; color:#FF0000 ; filter:Shadow(Color=pink , Direction=45)"><CENTER><br>각도를 45로 글색#FF0000 그림자 pink</br></CENTER></div>

 

 

 

16. 댓글 이미지 원으로 흐리게 처리하기
     ▷ 한쪽만 투명하게 : <img src="이미지주소" style="filter=alpha(opacity=100,style=1,finishopacity=0)"> 
     ▷ 원형 : <img src="이미지주소" style="filter=alpha(opacity=100,style=2,finishopacity=0)"> 
     ▷ 사각 : <img src="이미지주소" style="filter=alpha(opacity=100,style=3,finishopacity=0)"> 
     ▷ 햇살 : <img src="이미지주소" style="filter:blur(direction=135,strength=100)"> 
     ▷ 흑백 : <img src="이미지주소" style="filter:gray()">

     ▷ 칼라 : <img src="이미지주소" style="filter:invert()">

     ▷ 전체 : <img src="이미지주소" style='filter:Alpha(Opacity=50)'>

 

17. 댓글 이미지 흑백으로 처리하기

<img src="이미지 수소" style="filter:gray" onmouseover="this.style.filter=''" onmouseout="this.style.filter='gray'">

 

18. 이중으로 굴게글씨쓰기

<SPAN style="FONT-SIZE: 10pt; FILTER: Glow(color=0000ff,strength:2); WIDTH: 100%; COLOR: white; FONT-FAMILY: 휴먼엽서체; HEIGHT: 22px"></P>
<H2><br>북한의 핵실험으로 당황한 하루.<br></SPAN>

 

19. 이미지 위에 눈오는 소스

<table background="이미지 주소" width="가로크기" height="세로크기" border="1" cellspacing="0" border=0"><tr><td><embed src="http://cathy.junehost.com/cathysauce/snow.swf" width="가로크기" height="세로크기" wmode="transparent"></td></tr></table>

 

 

** 각 소스의 수치를 변경해서 해보세요....^^*

opacity=100(선명도..숫자가높을수록 흐려짐) style=0(0=원본그림,1=한쪽만흐리게,2=원형으로흐리게,3=사각형)

* 원본 이미지 * <img src="http://melody123.com.ne.kr/img/f184.jpg">




* 투명한 듯한 그림 1-한쪽만 흐리게 * < img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">



* 투명한 듯한 그림 2-원형으로 흐리게 *
< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)">



* 투명한 듯한 그림 3-사각형으로 흐리게 *
< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)">




* 전체적인 효과 * < img src="http://melody123.com.ne.kr/img/f184.jpg" style='filter:Alpha(Opacity=50)'>




* 햇살에 비추는 듯한 이미지 * < img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:blur(direction=135,strength=100)">




* 흑백 이미지 * < img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:gray()">




* 칼라 필림 효과 * < img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:invert()">

 

 

 

★ 오르락 내리락하는 글자 소스★
<MARQUEE style="WIDTH: 666px; HEIGHT: 80px" direction=up behavior=alternate height=80><SPAN color:white;filter:shadow(color="ff00ff);height:10"><FONT face=서울소나무m color=green size=5><B>
★ 오르락 내리락하는 글자 소스★</FONT></B></SPAN></MARQUEE>

 

 
 
마우스를 대면 색이 바뀜
<span style="color:black;filter:glow(color=orange);height:10px" onmouseover="this.style.color='red';this.style.filter='shadow(color=blue)'" onmouseout="this.style.color='black';this.style.filter='glow(color=orange)'">
<font face="바탕" size="6">사랑해</font></span>
 
바탕색이 변하는 글씨
<table width=450><tr><td bgcolor=#000000><p onMouseOver="this.style.backgroundColor='blue'" onMouseOut="this.style.backgroundColor=''"><font color=#ffffff size=3 fase="샘물체">오늘도 즐거운 하루</font></p></td></tr></table>


 

등록정보 : 공개
태그 태그가 없습니다.
댓글(55) 보내기 | 수정 | 삭제 | 즐겨찾기 즐겨찾기 | 스크랩 (24)
RANK1_IMG
예를 들어서 자세하게 다시 설명할께요
지금 외출하다가 돌아와서 올려놓기만 합니다
이렇게 올려도 잘 하실 수 있는 분도 있을 겁니다..
이쁜 울 플님들 잘 이용해보세요   2006-10-18 16:35:52
RANK2_IMG
이 이미지를 가지고 하나씩 하나씩 연습해 보기로 해요
이미지 주소 :http://bbs.nate.com/files/bbs/images/general/life03_n/6/autumn_238[20040126171922].jpg   2006-10-18 18:38:34
RANK3_IMG
위의 이미지 주소로 영상을 원본 그대로 만들면 아래와 같이 되어요
  2006-10-18 18:40:12
RANK4_IMG
1 번으로 하면은

  2006-10-18 18:42:42
RANK5_IMG
2번으로 하면은
  2006-10-18 18:43:49
RANK6_IMG
3번으로 하면은
  2006-10-18 18:44:40
RANK7_IMG
4번으로 하면은

  2006-10-18 18:45:39
RANK8_IMG
5번으로 하면은
  2006-10-18 18:46:38
RANK9_IMG
위에서 보는 것과 같이 그림의 크기를 조절 할수가 있읍니다 더 작게 할려면 "width=숫자 height=숫자" ==>여기에서 숫자를 크게 혹은 작게 하여 영상의 크기를 알맞게 조정하시면 되는 거예요.   2006-10-18 18:49:05
RANK10_IMG
6번 을 댓글그대로 사용하면


오신 고은님 정말로 ♡


  2006-10-18 18:50:00
BASE_IMG
여기에서"FONT-SIZE: 숫자는 글자의 크기이며 shadow(color=여기는 색을,direction=여기는 그림자의 방향<135>을 지정해 주는 것입니다 응용하여 사용해 보셔요   2006-10-18 18:53:51
BASE_IMG
7번 을 댓글 그대로 사용하면

오신 고은님 정말로 ♡...

  2006-10-18 18:54:54
BASE_IMG
여기에서"font-size:숫자는 글자의 크기이며 color:마우스를 가져갔은때의 색'그때 커지는 글자의 크기<24> 이예요 오신님께서 한번 응용하여 사용하여 보셔요   2006-10-18 18:59:28
BASE_IMG
오신 고은님 정말로 ♡...에 마우스를 가져가 보셔요 글자가 파란색으로 커져요   2006-10-18 19:00:36
BASE_IMG
8번 을 댓글 그대로 사용하면


불타는글 Glow 글자체

  2006-10-18 19:05:02
BASE_IMG
여기에서 font-size: 를 20pt로 하면   2006-10-18 19:06:37
BASE_IMG

불타는글 Glow 글자체
  2006-10-18 19:07:43
BASE_IMG
9번 을 댓글 그대로 사용하면
힝~ 이게 뭐?..?
  2006-10-18 19:11:04
BASE_IMG
여기서 face=글자의 모양을 나타내 줍니다 <@궁서>   2006-10-18 19:12:52
BASE_IMG
10번 을 댓글 그대로 사용하면

10번을
댓글
그대로
사용하면
  2006-10-18 19:14:47
BASE_IMG
여기에서 "writing-mode:tb-rl 는 세로쓰기명령어이고 width:는 폭을 지정하여 줍니다 300;   2006-10-18 19:17:19
BASE_IMG
12 번을 댓글 그대로 사용하면

많지않아도 그리고 자주 만날 수 없어도
나에게 친구가 있음은 얼마나 소중한 것입니까.

  2006-10-18 19:20:06
BASE_IMG
13번을 댓글 그대로 사용하면
글씨
  2006-10-18 19:20:58
BASE_IMG
14번을 댓글 그대로 사용하면
공간에서 움직이는 글씨

  2006-10-18 19:21:50
BASE_IMG
15번을 댓글 그대로 사용하면
별♡♥
    바♡♥
      라♡♥
        기♡♥
          플♡♥
            넷♡♥
              사♡♥
                랑♡♥
                  해♡♥
  2006-10-18 19:22:26
BASE_IMG
16번을 댓글 그대로 사용하면

각도를 45로 글색#FF0000 그림자 pink
  2006-10-18 19:23:03
BASE_IMG
17번을 댓글 그대로 사용하면

  2006-10-18 19:24:06
BASE_IMG
이것을 응용하여 지금까지 연습한 것을 총 동원하여 다시 만들면
아래와 같이 할수 있습니다.   2006-10-18 19:25:17
BASE_IMG

  2006-10-18 19:27:03
BASE_IMG
18번을 그대로 댓글 그대로 사용하면


  2006-10-18 19:29:00
BASE_IMG
위의 이미지에 마우스를 가져가 보셔여 칼라로 보이실겨예요   2006-10-18 19:29:39
BASE_IMG
위에서 보여진 것같이 서로 조합을 이루어 응용하여 사용하시면 더욱더 재미있고 멋있는 댓글이 되리라 생각돼요...실수를 하더래도 많이 연습하시여 아름답고 멋진 댓글 달기가 되도록 제가 도와드릴게요....   2006-10-18 19:31:56
BASE_IMG

떼보님

이제 알았지요?

  2006-10-18 19:33:06
BASE_IMG
맞아요 반가워의 말대로
위의 것을 토대로 12번 댓글에 때보님아
그 밑에 소스가 작은 것의 아이콘을 귀엽게
같이 할 수가 있어요?
나의방이나 시인의 방에 올린 댓글 한번 봐봐..
알았지요?
하다가 글자수 오버라고하면 글자를 줄이고?
오버라고 뜨면 맨 뒤에 머큐리의 가 삭제될 수도 있으니
  2006-10-18 19:37:43
BASE_IMG
<*/marquee>가 삭제될 수 있으니 꼭 확인하고 댓글쓰기를 눌러야합니다
위에서 *는 빼야합니다 .........
우리 플님들이 아름다운 댓글 쓰기로
다른 게시물 올려주는 친구님의
기분이 같이 좋아지기를...
반가워여 수고했데이 고맙고 고마웡
떼보님 이제 실력 많이 늘은 것같아서 참 기뻐요 ㅎㅎㅎㅎㅎㅎ   2006-10-18 19:40:09
BASE_IMG
소피아언니도 해보세요..
ㅎㅎㅎㅎㅎㅎ 언니야 ,,,,,,,안뇽? ㅎㅎㅎㅎㅎㅎ   2006-10-18 19:41:09
BASE_IMG


별바라기 플 화이팅*^^* ♡





  2006-10-18 19:42:08
BASE_IMG




  2006-10-18 19:45:35
<DIV id=C_923052_3146161 style="WIDTH: 632px; HEIG
출처 : 향기나는 뜰의 고은마음과 행복이 가득한곳
글쓴이 : 별바라기 원글보기
메모 :