웹마스터 팁
MSN 메신져 이모티콘을 게시판에서 사용해보자!
2002.10.16 18:34
미리 보기 : http://www.heemin.com/imoticon.html
이모티콘 이미지 다운받기 : http://www.heemin.com/gift/imoticon.zip
게시판을 쓸 때 MSN 의 이모티콘을 쉽게 쓸 수 없을까... 생각하다가 간단하게 만들어 봤습니다.
이런식으로요...
미리보기에서 볼 수 있구요..
음... 일단 기본적으로 MSN 의 이모티콘을 쓰고, 시간 나면 자기가 원하는 이모티콘을 등록해 쓸 수 있게 하는 등의 프로그램을 php로 짜볼려구요..
막강 커플홈 희민닷컴 ( http://www.HeeMin.com )
P.S 소스는 미리보기 페이지에서 소스보기 하시면 되요.. HTML & JavaScript 로 했습니다..
이모티콘 이미지 다운받기 : http://www.heemin.com/gift/imoticon.zip
게시판을 쓸 때 MSN 의 이모티콘을 쉽게 쓸 수 없을까... 생각하다가 간단하게 만들어 봤습니다.
이런식으로요...미리보기에서 볼 수 있구요..
음... 일단 기본적으로 MSN 의 이모티콘을 쓰고, 시간 나면 자기가 원하는 이모티콘을 등록해 쓸 수 있게 하는 등의 프로그램을 php로 짜볼려구요..
막강 커플홈 희민닷컴 ( http://www.HeeMin.com )
P.S 소스는 미리보기 페이지에서 소스보기 하시면 되요.. HTML & JavaScript 로 했습니다..
댓글 6
-
러번터
2002.10.16 18:48
저작권 문제가 생기지 않을까요? -
민이
2002.10.16 18:57
^^ 유료로 배포하는 것도 아니고... 음... 제가 저걸로 얻을 이익이 있는 것도 아니고... 메신저 이모티콘으로 많은 분들이 사진 편집해서 웃고 즐기고 하지 않나요? 혹시 문제가 된다해도 저게 MSN 의 이모티콘인 줄 모르는 사람이 있을리도 없고... 음... 곤란한 질문이네요... 깊게 생각해보지 않아서... ㅡ.ㅡ;;;; -
민이
2002.10.16 18:58
그냥... 재밌지 않나요? ㅋㅋㅋ 나중엔 그냥 샘플 없이 등록해서 저런식으로 쓸 수 있게 프로그램 만들어 배포할까봐요.. 생각해보니 걱정되네... -
뒹굴리스트
2002.10.17 19:04
소스 카테고리에 글을 올리셨으니 소스를 올리셔야 겠죠?
- JavaScript 게시판 관리자 -
민이
2002.10.18 09:29
죄송합니다 첨에 올렸다가 저어기 예시로 든 부분까지 소스로 나오는 바람에.. ㅡ.ㅡ;;;
코멘트에 달께요.. -
민이
2002.10.18 09:29
<html>
<head>
<meta http-equiv="Content-Language" content="ko">
<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">
<title>Imoticon selector</title>
<style>
table, tr, td {font-size:9pt;}
</style>
<script>
function url_show(no) {
var urls=new Array(45);
urls[1]="<img src=http://www.heemin.com/gift/imoticon/martini_shaken.gif>";
urls[2]="<img src=http://www.heemin.com/gift/imoticon/angry_smile.gif>";
urls[3]="<img src=http://www.heemin.com/gift/imoticon/bat.gif>";
urls[4]="<img src=http://www.heemin.com/gift/imoticon/beer_yum.gif>";
urls[5]="<img src=http://www.heemin.com/gift/imoticon/bowwow.gif>";
urls[6]="<img src=http://www.heemin.com/gift/imoticon/broken_heart.gif>";
urls[7]="<img src=http://www.heemin.com/gift/imoticon/cake.gif>";
urls[8]="<img src=http://www.heemin.com/gift/imoticon/camera.gif>";
urls[9]="<img src=http://www.heemin.com/gift/imoticon/clock.gif>";
urls[10]="<img src=http://www.heemin.com/gift/imoticon/coffee.gif>";
urls[11]="<img src=http://www.heemin.com/gift/imoticon/confused_smile.gif>";
urls[12]="<img src=http://www.heemin.com/gift/imoticon/cry_smile.gif>";
urls[13]="<img src=http://www.heemin.com/gift/imoticon/devil_smile.gif>";
urls[14]="<img src=http://www.heemin.com/gift/imoticon/dude_hug.gif>";
urls[15]="<img src=http://www.heemin.com/gift/imoticon/embaressed_smile.gif>";
urls[16]="<img src=http://www.heemin.com/gift/imoticon/envelope.gif>";
urls[17]="<img src=http://www.heemin.com/gift/imoticon/film.gif>";
urls[18]="<img src=http://www.heemin.com/gift/imoticon/girl_handsacrossamerica.gif>";
urls[19]="<img src=http://www.heemin.com/gift/imoticon/girl_hug.gif>";
urls[20]="<img src=http://www.heemin.com/gift/imoticon/guy_handsacrossamerica.gif>";
urls[21]="<img src=http://www.heemin.com/gift/imoticon/heart.gif>";
urls[22]="<img src=http://www.heemin.com/gift/imoticon/kiss.gif>";
urls[23]="<img src=http://www.heemin.com/gift/imoticon/kittykay.gif>";
urls[24]="<img src=http://www.heemin.com/gift/imoticon/lightbulb.gif>";
urls[25]="<img src=http://www.heemin.com/gift/imoticon/angel_smile.gif>";
urls[26]="<img src=http://www.heemin.com/gift/imoticon/messenger.gif>";
urls[27]="<img src=http://www.heemin.com/gift/imoticon/moon.gif>";
urls[28]="<img src=http://www.heemin.com/gift/imoticon/musical_note.gif>";
urls[29]="<img src=http://www.heemin.com/gift/imoticon/omg_smile.gif>";
urls[30]="<img src=http://www.heemin.com/gift/imoticon/phone.gif>";
urls[31]="<img src=http://www.heemin.com/gift/imoticon/present.gif>";
urls[32]="<img src=http://www.heemin.com/gift/imoticon/regular_smile.gif>";
urls[33]="<img src=http://www.heemin.com/gift/imoticon/rose.gif>";
urls[34]="<img src=http://www.heemin.com/gift/imoticon/sad_smile.gif>";
urls[35]="<img src=http://www.heemin.com/gift/imoticon/shades_smile.gif>";
urls[36]="<img src=http://www.heemin.com/gift/imoticon/star.gif>";
urls[37]="<img src=http://www.heemin.com/gift/imoticon/teeth_smile.gif>";
urls[38]="<img src=http://www.heemin.com/gift/imoticon/thumbs_down.gif>";
urls[39]="<img src=http://www.heemin.com/gift/imoticon/thumbs_up.gif>";
urls[40]="<img src=http://www.heemin.com/gift/imoticon/tounge_smile.gif>";
urls[41]="<img src=http://www.heemin.com/gift/imoticon/whatchutalkingabout_smile.gif>";
urls[42]="<img src=http://www.heemin.com/gift/imoticon/wilted_rose.gif>";
urls[43]="<img src=http://www.heemin.com/gift/imoticon/wink_smile.gif>";
document.url_check.url_here.value=urls[no];
document.url_check.url_here.select();
}
</script>
</head>
<body>
<form name="url_check">
<p align="center"><b><font size="2" color="#999999">Imoticon selector by </font><font size="2"><a target="_blank" href="http://www.heemin.com"><font color="#999999">HeeMin.com</font></a><font color="#999999"> / IMG Source by MS</font></font></b></p>
<div align="center">
<center>
<table border="1" cellpadding="4" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" bgcolor="#C0C0C0">
<tr>
<td bgcolor="#999999"><b><font color="#FFFFFF">Copy This : </font></b></td>
<td bgcolor="#999999"><input type="text" size="59" name="url_here"></td>
</tr>
<tr>
<td colspan="2" align="center">
<table border="1" cellpadding="4" cellspacing="0" style="border-collapse: collapse" bordercolor="#999999" bgcolor="#FFFFFF">
<tbody align="center">
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('1')" src="/gift/imoticon/martini_shaken.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('2')" src="/gift/imoticon/angry_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('3')" src="/gift/imoticon/bat.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('4')" src="/gift/imoticon/beer_yum.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('5')" src="/gift/imoticon/bowwow.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('6')" src="/gift/imoticon/broken_heart.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('7')" src="/gift/imoticon/cake.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('8')" src="/gift/imoticon/camera.gif" width="19" height="19"></a></td>
</tr>
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('9')" src="/gift/imoticon/clock.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('10')" src="/gift/imoticon/coffee.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('11')" src="/gift/imoticon/confused_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('12')" src="/gift/imoticon/cry_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('13')" src="/gift/imoticon/devil_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('14')" src="/gift/imoticon/dude_hug.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('15')" src="/gift/imoticon/embaressed_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('16')" src="/gift/imoticon/envelope.gif" width="19" height="19"></a></td>
</tr>
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('17')" src="/gift/imoticon/film.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('18')" src="/gift/imoticon/girl_handsacrossamerica.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('19')" src="/gift/imoticon/girl_hug.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('20')" src="/gift/imoticon/guy_handsacrossamerica.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('21')" src="/gift/imoticon/heart.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('22')" src="/gift/imoticon/kiss.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('23')" src="/gift/imoticon/kittykay.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('24')" src="/gift/imoticon/lightbulb.gif" width="19" height="19"></a></td>
</tr>
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('25')" src="/gift/imoticon/angel_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('26')" src="/gift/imoticon/messenger.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('27')" src="/gift/imoticon/moon.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('28')" src="/gift/imoticon/musical_note.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('29')" src="/gift/imoticon/omg_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('30')" src="/gift/imoticon/phone.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('+ '31')" src="/gift/imoticon/present.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('32')" src="/gift/imoticon/regular_smile.gif" width="19" height="19"></a></td>
</tr>
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('33')" src="/gift/imoticon/rose.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('34')" src="/gift/imoticon/sad_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('35')" src="/gift/imoticon/shades_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('36')" src="/gift/imoticon/star.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('37')" src="/gift/imoticon/teeth_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('38')" src="/gift/imoticon/thumbs_down.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('39')" src="/gift/imoticon/thumbs_up.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('40')" src="/gift/imoticon/tounge_smile.gif" width="19" height="19"></a></td>
</tr>
<tr>
<td><a href="#"><img border="0" onclick="javascript:url_show('41')" src="/gift/imoticon/whatchutalkingabout_smile.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('42')" src="/gift/imoticon/wilted_rose.gif" width="19" height="19"></a></td>
<td><a href="#"><img border="0" onclick="javascript:url_show('43')" src="/gift/imoticon/wink_smile.gif" width="19" height="19"></a></td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</div>
</form>
</body>
</html>
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 윈도우 할아버지 나타나게 하기 [11] | 행복한고니 | 2002.11.14 |
| 고정된 배경이미지는 싫다면서... [9] | 디아릭스 | 2002.11.12 |
| 엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] | Eccen | 2002.11.12 |
| [re] 엔지오같은 메뉴 만들기 #2 -> 레이어배치 팁! //ⓦⓞⓞⓡⓨ님참고 [3] | Aracing™ | 2003.01.10 |
| 방문자가 특정부분 텍스트크기 바꿀수 있게 (확대/축소) [2] | 디아릭스 | 2002.11.05 |
| 링크 포커스 없애기 3탄 [10] | 멀대 | 2002.11.05 |
| 엔지오같은 메뉴 만들기 #1 - 수정판 [6] | Eccen | 2002.11.05 |
| [자작] select 폼 태그 html로 허접하게나마 꾸며보기 [18] | zero | 2002.11.05 |
| 글씨 하이퍼링크시 밑줄 없에기 [8] | 이솔렛 | 2002.10.31 |
| 하이퍼링크 점선 테두리 없애기 [9] | 레드 | 2002.10.31 |
| 붙여넣기 및 마우스 우측버튼 금지.. [3] | 민이 | 2002.10.31 |
| 여러개의 창을 동시에 열고 ~~함목~~에 닫기 | 디아릭스 | 2002.10.30 |
| 원하는 부분에 문서나 이미지 불러들이기 | 디아릭스 | 2002.10.30 |
| 노래방 에 보면 나오는 글씨 같은 소스 | 臥龍先生 | 2002.10.27 |
| IFRAME을 드래그해서 크롬리스처럼 사용하기 [16] | 멀대 | 2002.10.21 |
| 숫자 세자리마다 컴마(,) 찍어주기 [1] | 행복한고니 | 2002.10.20 |
| 단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
| E-mail 추출기에 걸리지 않게 E-mail 링크하기 [2] | 아이쿠 | 2002.10.18 |
| 필드값의 유효성을 검사하는 함수 | 아이쿠 | 2002.10.18 |
| MSN 메신져 이모티콘을 게시판에서 사용해보자! [6] | 민이 | 2002.10.16 |