움직이는 이모티콘 - 꿈틀아이콘
글쓴이: ikw3179 / 작성시간: 금, 2008/07/04 - 4:31오후
움직이는 이모티콘 - 꿈틀아이콘
움직이는 아이콘을 만들어 봤습니다. 각각의 프레임별로 문자를 입력하고 설정값을 주면 마치 동영상처럼 움직이는 이모티콘을 만들어 줍니다. 브라우저마다 약간 차이가 있을수 있습니다. 프레임이 맞지 않거나 하는 등 오류에 대해서는 책임지지 않습니다.
http://betle.hosting.paran.com/betle0/wapp/!make_animarq.php
http://betle.hosting.paran.com/betle0/wapp/!make_animarq.php
Forums:
이쁘네요. ^^ 노다가
이쁘네요. ^^
노다가 좋아하시나봐요?
결과물을 gif로
결과물을 gif로 뽑아주는 것도 한번 고려해볼만 하네요.
이런 것도 있습니다.
문서에 이미지와 스크립트를 추가하지 않고 태그와 텍스트만으로도 이런 것을 만들 수 있군요.
<!-- 만든이 : 2008 . 7 <.)++++< budl 부들 : http://xbetle.tistory.com/ -->
<!-- '움직이는 촛불들'의 소스코드입니다. 복사하거나 변경해서 사용하세요 ! -->
<!-- 움직이는 촛불 시작 -->
<div align=center style='line-height:0px'>
<MARQUEE align=center height='100' direction=up width=500 scrolldelay='500' scrollamount='15' >
<MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='30' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:red;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
우리는
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='10' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:black;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
촛불이
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='20' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:green;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
좋아요
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='40' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:navy;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
스스로를
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='60' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:firebrick;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
태워서
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='20' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:deeppink;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
길을
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='50' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:purple;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
밝히지요
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='30' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:blue;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
이제
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='70' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:brown;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
그 무엇으로도
</MARQUEE><MARQUEE align=center width='500' behavior=ALTERNATE scrolldelay='200' scrollamount='20' ><table border=0 width=15 style='display:inline;margin:0px'><tr><td valign=bottom width=15 height=0 align=center style='color:indigo;font-size:13pt;line-height:8pt;'>♠<br>∩<br>︼</td></table>
끌 수 없지요
</MARQUEE></MARQUEE>
</div >
<!-- 움직이는 촛불 끝 -->
∩
¤
멸종위기 눈사람
훈훈해지네요... :
훈훈해지네요... : )
---------------------------------
제일 왼쪽이 저입니다 :)
---------------------------------
제일 왼쪽이 저입니다 :)
재미난
재미난 개념이네요.
만든 본인이시라면 이걸로 무엇을 하시려는지요?
사람들이 무료로 사용하게 하시는것이 목적이십니까?
아니면 비용을 내고 사용하게 하시는것이 목적이십니까?
아니면 단순히 재미삼아 만들어보신건가요?
직접 만든겁니다..
모두 직접 만든겁니다. 이제보니 저작권 표시라도 붙여야 겠군요.
비용을 네게하고 싶으나 모두 무료로 배포합니다.
☼
위의 것을 포함하여 저작권을 표시합니다.
poly-character , ggumteul-icon by <. budl=""> is licensed under a Creative Commons 저작자표시 2.0 대한민국 License.
Based on a work at xbetle.tistory.com.