컴퓨터자료방
영상이미지 소스
아련이
2008. 6. 18. 00:14
(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" |