웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML] 글자태그
2002.02.26 12:19
◈ 글자 태그 - 모양을 자유자재로
이 강좌에서는 글자를 자유 자재로 다루는 그런 태그를 다룰겁니다...여러 사이트 가보시면 글자 모양이 별 엽기적인 모양이 다 되는...그런 모양 보셨지요?? 물론 이미지로 구현해야 하는 것도 있겠지만...아래 소스들의 영향도 크답니다...바로 스타일 시트에서 떨어져 나온 span 태그 덕분인데여...그 태그를 잘 활용하시면 글자에 9pt 크기도 넣을 수 있구...여러 효과도 날 수 있게 한답니다~ 그럼 글자 크기를 맘껏 키워 보시거나~엽기적인 글자를 자~알 배워서...자~알 써먹으세요~
NZEO.COM
<font color="red">NZEO.COM</font>
NZEO.COM
<font face="궁서">NZEO.COM</font>
NZEO.COM
<span style="COLOR:white;FILTER:shadow
(color=#0066cc);height:4px">NZEO.COM</span>
NZEO.COM
<span style="font-family:돋움;font-size:10pt;color:#ffffff;width:100%;
height:20;Filter:Glow(color=#0000ff,strength:2)">NZEO.COM</span>
엔지오다~~
<span style="font-family:돋움;font-size:10pt;font-weight:bold;
color:#ff7404;width:100%;height:23;Filter:Shadow
(color=#ff9e2e,direction=125)"> 엔지오다~~ </span>
야후
<span style="COLOR:black;FILTER:shadow
(color=#cccccc);height:4px">야후</span>
다음
<span style="color:white; filter:glow(color:blue); height:28px">
<font size="5"><b>다음</b></font></span>
NZEO.COM
<span style="color:red; filter:glow(color:red); height:28px">
<font size="5">NZEO.COM</font></span>
NZEO.COM
<DIV style="width:100; height:12; font-size:9pt; filter:glow(color=red, strength=10)">NZEO.COM</div>
NZEO.COM
<SPAN style="FILTER: glow(color=0033ff); COLOR: white; HEIGHT: 8px">NZEO.COM</span>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff6633,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=yellow,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=green,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=orange,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=9966ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=3399ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)">NZEO.COM</span></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=blue, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=ccff99, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=pink, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=red, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=6633ff, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=3399ff>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=ff6699, strength=8)"><font color=3399ff>NZEO.COM</font></DIV></style>
빨간색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</span>
녹색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</span>
연두색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=66cc00,direction=135)"> 연두색 그림자 글씨</span>
보라색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</span>
분홍색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=ff6699,direction=135)"> 분홍색 그림자 글씨</span>
자주색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=magenta,direction=135)"> 자주색 그림자 글씨</span>
검은색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=black,direction=135)"> 검은색 그림자 글씨</span>
오렌지색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</span>
하늘색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=3399ff,direction=135)">하늘색 그림자 글씨</span>
회색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=cccccc,direction=135)">회색 그림자 글씨</span>
빨간 바탕 <span style=font:9pt;color:white;background-color=red>빨간 바탕</span>
주황색 바탕 <span style=font:9pt;color:white;background-color=ff6633>주황색 바탕</span>
진노란색 바탕 <span style=font:9pt;color:white;background-color=ffcc00>진노란색 바탕</span>
녹색 바탕 <span style=font:9pt;color:white;background-color=green>녹색 바탕</span>
하늘색 바탕 <span style=font:9pt;color:white;background-color=3399ff>하늘색 바탕</span>
보라색 바탕 <span style=font:9pt;color:white;background-color=9966ff>보라색 바탕</span>
글자가 뒤집히네~ <span style=filter:flipv();height:1px;><font color=green>글자가 뒤집히네~</span></font>
글자가 뒤집히네~ <span style=filter:fliph();height:1px;><font color=green>글자가 뒤집히네~</span></font>
출처 : 태그대학
이 강좌에서는 글자를 자유 자재로 다루는 그런 태그를 다룰겁니다...여러 사이트 가보시면 글자 모양이 별 엽기적인 모양이 다 되는...그런 모양 보셨지요?? 물론 이미지로 구현해야 하는 것도 있겠지만...아래 소스들의 영향도 크답니다...바로 스타일 시트에서 떨어져 나온 span 태그 덕분인데여...그 태그를 잘 활용하시면 글자에 9pt 크기도 넣을 수 있구...여러 효과도 날 수 있게 한답니다~ 그럼 글자 크기를 맘껏 키워 보시거나~엽기적인 글자를 자~알 배워서...자~알 써먹으세요~
NZEO.COM
<font color="red">NZEO.COM</font>
NZEO.COM
<font face="궁서">NZEO.COM</font>
NZEO.COM
<span style="COLOR:white;FILTER:shadow
(color=#0066cc);height:4px">NZEO.COM</span>
NZEO.COM
<span style="font-family:돋움;font-size:10pt;color:#ffffff;width:100%;
height:20;Filter:Glow(color=#0000ff,strength:2)">NZEO.COM</span>
엔지오다~~
<span style="font-family:돋움;font-size:10pt;font-weight:bold;
color:#ff7404;width:100%;height:23;Filter:Shadow
(color=#ff9e2e,direction=125)"> 엔지오다~~ </span>
야후
<span style="COLOR:black;FILTER:shadow
(color=#cccccc);height:4px">야후</span>
다음
<span style="color:white; filter:glow(color:blue); height:28px">
<font size="5"><b>다음</b></font></span>
NZEO.COM
<span style="color:red; filter:glow(color:red); height:28px">
<font size="5">NZEO.COM</font></span>
NZEO.COM
<DIV style="width:100; height:12; font-size:9pt; filter:glow(color=red, strength=10)">NZEO.COM</div>
NZEO.COM
<SPAN style="FILTER: glow(color=0033ff); COLOR: white; HEIGHT: 8px">NZEO.COM</span>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff6633,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=yellow,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=green,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=orange,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=9966ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=3399ff,strength:2)">NZEO.COM</span></style>
NZEO.COM <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)">NZEO.COM</span></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=blue, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=ccff99, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=pink, strength=8)"><font color=deeppink>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=red, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=6633ff, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=blue>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=3399ff>NZEO.COM</font></DIV></style>
NZEO.COM <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=ff6699, strength=8)"><font color=3399ff>NZEO.COM</font></DIV></style>
빨간색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</span>
녹색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</span>
연두색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=66cc00,direction=135)"> 연두색 그림자 글씨</span>
보라색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</span>
분홍색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=ff6699,direction=135)"> 분홍색 그림자 글씨</span>
자주색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=magenta,direction=135)"> 자주색 그림자 글씨</span>
검은색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=black,direction=135)"> 검은색 그림자 글씨</span>
오렌지색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</span>
하늘색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=3399ff,direction=135)">하늘색 그림자 글씨</span>
회색 그림자 글씨 <span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=cccccc,direction=135)">회색 그림자 글씨</span>
빨간 바탕 <span style=font:9pt;color:white;background-color=red>빨간 바탕</span>
주황색 바탕 <span style=font:9pt;color:white;background-color=ff6633>주황색 바탕</span>
진노란색 바탕 <span style=font:9pt;color:white;background-color=ffcc00>진노란색 바탕</span>
녹색 바탕 <span style=font:9pt;color:white;background-color=green>녹색 바탕</span>
하늘색 바탕 <span style=font:9pt;color:white;background-color=3399ff>하늘색 바탕</span>
보라색 바탕 <span style=font:9pt;color:white;background-color=9966ff>보라색 바탕</span>
글자가 뒤집히네~ <span style=filter:flipv();height:1px;><font color=green>글자가 뒤집히네~</span></font>
글자가 뒤집히네~ <span style=filter:fliph();height:1px;><font color=green>글자가 뒤집히네~</span></font>
출처 : 태그대학
댓글 4
-
SM
2002.02.26 12:20
초 최신글이네 -
Webme
2002.02.26 13:35
흐..흐미....-_-;;그냥 싹 긁어오신것같은.. -
+ rynne +
2002.02.26 16:48
헉..span style...;;; -
정언근
2002.09.05 18:50
오 먼지 몰라두 좋은대.....
제목 | 글쓴이 | 날짜 |
---|---|---|
유튭 비디오를 XE에 올리는 아주 간단한 방법 [1] | 유샤인 | 2011.07.23 |
알수없는 여백(공백,마진)이 생기는 문제 해결법 - 초보님용 [1] | 주영수 | 2011.07.23 |
최근 댓글 위젯에 댓글 작성자 이름 표시하기 | Treasurej | 2011.07.22 |
모든게시판에서 글등록할때 Duplicat entry 'XXX' for key 1 오류 해결방법
[2]
![]() | 토끼매니아 | 2011.07.22 |
글작성후 목록으로 이동하기 팁이 정상동작하지 않을 경우 [2] | 도라란 | 2011.07.14 |
미디어(이미지,플래시 등) 파일 무단링크 차단 [8] | 도라란 | 2011.07.11 |
글에 첨부된 이미지 파일이 없을 경우, 지정 이미지를 본문에 보여주기 | 도라란 | 2011.07.11 |
비로그인시 본문대신 지정문구 보이기 [1] | 도라란 | 2011.07.11 |
포인트복권모듈 포인트 중복수령을 차단하는 간단한 팁 [4] | 나뚜르 | 2011.07.10 |
글작성후 목록으로 이동하기 [8] | ezi | 2011.07.08 |
레이아웃에서 class="header" 사용 안하기... [2] | ForHanbi | 2011.06.30 |
조회수 클릭때마다 올라가기(1.4.5.7 버전에서 되네요)
[2]
![]() | 아네모네 | 2011.06.20 |
XML필터 사용시 유효성검사에서 사용자정의 메세지 출력하기 | 창한이 | 2011.06.19 |
템플릿 변수(조건문) 팁 [1] | 엘카 | 2011.06.19 |
ie6 빈div 높이 조절 [2] | ForHanbi | 2011.06.19 |
홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] | Firstlove | 2011.06.12 |
스킨에서 조건/반복문 여러줄 사용하기 [1] | 엘카 | 2011.06.10 |
레이아웃 100% 일때 이미지리사이즈 Addon 넓이값 고정하기 | 고수군 | 2011.06.08 |
다음view(다음뷰) 애드온 사용시 댓글창의 뷰아이콘 지우기 [1] | 하늘종 | 2011.05.31 |
다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] | 공수래 | 2011.05.30 |