그림문자를 이용한 암호화 기법입니다.
이소스는 일반문자를 그림문자로 변환을해주는(좀더 솔직히 말하면 변환까지는 아닌것 같습니다)소스입니다.
이 소스를 이용하여서 자신만의 글을 꾸미거나 상대방에게 의사전달을 할때 유용할것 같군요,,응용만 잘하면 많은곳에 사용이 될수두 있을것 같구요.. 이 그림문자로 만들어진 소스를 보는방법은 그림문자를 복사하여
메모장에 붙여넣기하여서 보면 그림문자가 지정하는 해당문자가 나옵니다.
아래 태그를 복사해서 태그연습장에서 실행해보세요.
표안에 그림문자가 나오고 이걸 클릭하면 원래의 문자가 나옵니다.
그림문자가 나오지 안거나 한다면 자신의 컴에 WingDings라는 폰트체가 없어서 그럽니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.font_pic { font-family:WingDings; font-size:20pt; color:black}
</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center>
<table border=1 cellspacing="0" bordercolor="#FF9900" bordercolordark="white" bordercolorlight="#FF9900"><form name="wd">
<tr>
<td bgcolor="#b0c4de" colspan=10 align="center"><font size=-1><input type=text name="txt" size=2></font></td></tr></form>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' a'; return false">a</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' b'; return false">b</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' c'; return false">c</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' d'; return false">d</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' e'; return false">e</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' f'; return false">f</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' g'; return false">g</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' h'; return false">h</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' i'; return false">i</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' j'; return false">j</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' k'; return false">k</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' l'; return false">l</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' m'; return false">m</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' n'; return false">n</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' o'; return false">o</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' p'; return false">p</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' q'; return false">q</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' r'; return false">r</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' s'; return false">s</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' t'; return false">t</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' u'; return false">u</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' v'; return false">v</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' w'; return false">w</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' x'; return false">x</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' y'; return false">y</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' z'; return false">z</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' A'; return false">A</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' B'; return false">B</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' C'; return false">C</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' D'; return false">D</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' E'; return false">E</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' F'; return false">F</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' G'; return false">G</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' H'; return false">H</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' I'; return false">I</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' J'; return false">J</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' K'; return false">K</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' L'; return false">L</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' M'; return false">M</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' N'; return false">N</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' O'; return false">O</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' P'; return false">P</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Q'; return false">Q</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' R'; return false">R</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' S'; return false">S</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' T'; return false">T</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' U'; return false">U</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' V'; return false">V</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' W'; return false">W</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' X'; return false">X</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Y'; return false">Y</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Z'; return false">Z</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' `'; return false">`</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 1'; return false">1</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 2'; return false">2</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 3'; return false">3</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 4'; return false">4</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 5'; return false">5</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 6'; return false">6</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 7'; return false">7</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 8'; return false">8</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 9'; return false">9</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 0'; return false">0</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ~'; return false">~</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' !'; return false">!</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' @'; return false">@</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' #'; return false">#</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' $'; return false">$</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' %'; return false">%</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ^'; return false">^</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' &'; return false">&</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' *'; return false">*</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ('; return false">(</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' )'; return false">)</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' _'; return false">_</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' +'; return false">+</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \\'; return false">\</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ['; return false">[</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ]'; return false">]</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' {'; return false">{</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' }'; return false">}</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ;'; return false">;</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' :'; return false">:</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \''; return false">'</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \'\''; return false">"</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ,'; return false">,</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' <'; return false"><</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' .'; return false">.</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' >'; return false">></a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \/'; return false">/</a></td>
</tr>
<tr>
<td bgcolor="#b0c4de" align="center" colspan=7><font size=-1>그림을 누르면 사용한 글자가 위의 폼에 나옵니다.</font></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' -'; return false">-</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ='; return false">=</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \|'; return false">|</a></td>
</tr>
</TABLE>
</center>
</BODY>
</HTML>
이소스는 일반문자를 그림문자로 변환을해주는(좀더 솔직히 말하면 변환까지는 아닌것 같습니다)소스입니다.
이 소스를 이용하여서 자신만의 글을 꾸미거나 상대방에게 의사전달을 할때 유용할것 같군요,,응용만 잘하면 많은곳에 사용이 될수두 있을것 같구요.. 이 그림문자로 만들어진 소스를 보는방법은 그림문자를 복사하여
메모장에 붙여넣기하여서 보면 그림문자가 지정하는 해당문자가 나옵니다.
아래 태그를 복사해서 태그연습장에서 실행해보세요.
표안에 그림문자가 나오고 이걸 클릭하면 원래의 문자가 나옵니다.
그림문자가 나오지 안거나 한다면 자신의 컴에 WingDings라는 폰트체가 없어서 그럽니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.font_pic { font-family:WingDings; font-size:20pt; color:black}
</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center>
<table border=1 cellspacing="0" bordercolor="#FF9900" bordercolordark="white" bordercolorlight="#FF9900"><form name="wd">
<tr>
<td bgcolor="#b0c4de" colspan=10 align="center"><font size=-1><input type=text name="txt" size=2></font></td></tr></form>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' a'; return false">a</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' b'; return false">b</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' c'; return false">c</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' d'; return false">d</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' e'; return false">e</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' f'; return false">f</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' g'; return false">g</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' h'; return false">h</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' i'; return false">i</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' j'; return false">j</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' k'; return false">k</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' l'; return false">l</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' m'; return false">m</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' n'; return false">n</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' o'; return false">o</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' p'; return false">p</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' q'; return false">q</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' r'; return false">r</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' s'; return false">s</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' t'; return false">t</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' u'; return false">u</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' v'; return false">v</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' w'; return false">w</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' x'; return false">x</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' y'; return false">y</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' z'; return false">z</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' A'; return false">A</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' B'; return false">B</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' C'; return false">C</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' D'; return false">D</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' E'; return false">E</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' F'; return false">F</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' G'; return false">G</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' H'; return false">H</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' I'; return false">I</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' J'; return false">J</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' K'; return false">K</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' L'; return false">L</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' M'; return false">M</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' N'; return false">N</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' O'; return false">O</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' P'; return false">P</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Q'; return false">Q</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' R'; return false">R</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' S'; return false">S</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' T'; return false">T</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' U'; return false">U</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' V'; return false">V</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' W'; return false">W</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' X'; return false">X</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Y'; return false">Y</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' Z'; return false">Z</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' `'; return false">`</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 1'; return false">1</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 2'; return false">2</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 3'; return false">3</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 4'; return false">4</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 5'; return false">5</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 6'; return false">6</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 7'; return false">7</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 8'; return false">8</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 9'; return false">9</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' 0'; return false">0</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ~'; return false">~</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' !'; return false">!</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' @'; return false">@</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' #'; return false">#</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' $'; return false">$</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' %'; return false">%</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ^'; return false">^</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' &'; return false">&</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' *'; return false">*</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ('; return false">(</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' )'; return false">)</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' _'; return false">_</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' +'; return false">+</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \\'; return false">\</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ['; return false">[</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ]'; return false">]</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' {'; return false">{</a></td>
</tr>
<tr>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' }'; return false">}</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ;'; return false">;</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' :'; return false">:</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \''; return false">'</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \'\''; return false">"</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ,'; return false">,</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' <'; return false"><</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' .'; return false">.</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' >'; return false">></a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \/'; return false">/</a></td>
</tr>
<tr>
<td bgcolor="#b0c4de" align="center" colspan=7><font size=-1>그림을 누르면 사용한 글자가 위의 폼에 나옵니다.</font></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' -'; return false">-</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' ='; return false">=</a></td>
<td class=font_pic><a href="#" onClick="document.wd.txt.value=' \|'; return false">|</a></td>
</tr>
</TABLE>
</center>
</BODY>
</HTML>
'인터넷관련' 카테고리의 다른 글
프레임셋 / 아이프레임 / 테이블 등의 border(테두리) 모양바꾸기 (0) | 2008.01.19 |
---|---|
iframe / 투명 아이프레임 / 불투명 아이프레임 (0) | 2008.01.18 |
이미지 하이퍼 링크시 border=0을 스타일시트로.... (0) | 2008.01.18 |
SELECT 메뉴의 배경색 및 폰트색상을 다르게 (0) | 2008.01.18 |
스타일 시트의 개념과 사용법 (0) | 2008.01.18 |
테이블 프레임(frame) 형태 지정하기 (0) | 2008.01.18 |
글자/단어 간격을 입맛대로 바꾸자. (0) | 2008.01.18 |
링크를 새창 or 현재창으로 선택해서 열게하자 (0) | 2008.01.18 |