커피향기영상천국(https://cafe.daum.net/omskyroom/)

게시판 : ▒☞ 좋은글과향기영상
번호 : 73
제목 : ★ 영상 만들다가 막히면 눌러보세요 ★
글쓴이 : 하늘위로
조회 : 12752
날짜 : 2005/11/26

(1). ul사용하지 않고 글의 간격(위치) 넣는 소스

<p style="margin-left:270px">





(2). 이미지 반대로 주는 소스

style="filter:fliph()"





(3). 홈이나 카페 링크달을때  target=_blank 넣어주기

<a href="http://cafe.daum.net/omskyroom" target=_blank>





(4). 이미지에 명암을 주는 소스

style="filter:blur(direction=135,strength=100)"

style="filter:alpha(opacity=100, style=2, finishopacity=0)"



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

opacity=100(선명도..숫자가높을수록 흐려짐) 

style=0(0=원본그림,1=한쪽만흐리게,2=원형으로흐리게,3=사각형) 



* 투명한 듯한 그림 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()"> 



더 많은자료

http://cafe30.daum.net/_c21_/bbs_save?grpid=6VEh&fldid=8ssi&dataid=1436





(5). 미디어 정지상태로 담을때

autoplay=false





(6). 전체 배경 소스

<style> 

body { background-image:url("이미지주소"); 

background-attachment: fixed; 

background-repeat: repeat; 

background-position: 50% 50%; } 

table, td { background-color: transparent; } 

</style>





(7)marquee태그 

《marquee behavior=alternate》글자가 좌우로 왕복*^^*《/marquee》



<marquee scrolldelay="숫자"> 내용 </marquee> 태그처럼 scrolldelay="숫자" 를 추가하면 태그 안의 내용들이 움직일 때까지 지연되는 시간을 조절할 수 있습니다.. 숫자는 0부터 10 단위로 써주면 되구요.. 숫자가 커질수록 속도가 느려지구요.. 보통 80에서 100 정도를 주면 움직이는 속도가 많이 느려질꺼에요.. 



<marquee scrollamount="숫자"> 내용 </marquee> 태그처럼 scrollamount="숫자" 를 추가하면 태그 안의 내용들이 한 번에 움직이는 픽셀의 개수를 지정할 수 있습니다.. 보통 1이나 2를 많이 사용합니다.. 1은 느리고 2는 빠르답니다.. 



(예)

<center><marquee behavior=alternate scrollamount="3"><img src="http://boardc.sayclub.com/files/fx/blob6/sayclub/si-/zi-/33-/sizi333/b7/13-/139./%C7%C1%B8%AE%BF%A1%BD%BA%C4%C9%20-%20%BF%A9%B8%A7.jpg" border="0"></marquee></center><br><br>



(8) 글자 감추기

<SPAN style="BACKGROUND-COLOR: silver"><FONT color=silver>영희와 영희엄마는 고스톱을 하고 있었다 </FONT></SPAN>



(9)소스를 알려주는 틀 소스

<center>

<textarea name="소스보기" rows="5" style="font-family:Verdana; font-size:11; color:000000; border-color:ffffff; border-style:dotted;" cols="60"> 

<embed src="mms://211.239.127.240/now12mv/a1240402.asf" showstatusbar="1" width=550 height=450 vspace="0" hspace="0" border="0" type="application/x-mplayer2"name="MediaPlayer1" showcontrols="0" border="5"> 

</textarea>



(10)글자에 휠터 명암주기

<span style=font-family:굴림;height:20;font-size:13pt;color:yellow;filter:glow(color=#000000,strength:2);font-weight:bold><font size=2>



<SPAN style="font-family:바탕;color:#000000;width:500;height:100%;Filter:Glow(color=#000000,strength:1);height:1px"><pre><font color="white" face="바탕"><span id="style" style="font-size:9pt; line-height:18px"><div id="style" style="margin-left:30px; letter-spacing:0px;" align="left">



(11) 이미지 공간주는 명령 소스

vspace="1"  hspace="1"  border="0" 

 

 

(12) 이미지 오른쪽에

 

<a href="http://cafe.daum.net/omskyroom" target=_blank><img align=right src="http://icon.sie.net/image/etc/food/food06.gif" border=0 height=30></a>