■ 잡동사니 ■/자투리

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

서원365 2008. 5. 18. 19:39

  

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="2">공간에서 움직이는 글씨 </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>


 

출처 : 향기나는 뜰의 고은마음과 행복이 가득한곳
글쓴이 : 별바라기 원글보기
메모 :