웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
>> 밑줄과 글씨의 색을 다르게 [예제포함]
2002.06.29 16:49
먼저 아래 소스를 보시기 바래요 ^-^
--------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>테스트 문서여요 - _-)b</title>
<STYLE TYPE='text/css'>
<!--
BODY {line-height:160%;font-family:Verdana;font-size:9pt;background-color:cccccc;}
.dc143c {color:dc143c;}
.505050 {color:505050;}
-->
</STYLE>
</head>
<font class=505050><u><span class=dc143c><b>+ 6월 24일 월요일 날씨:조금비옴 상태:미치겠음</b>
<span style=font-family:Tahoma;font-size:9px;font-color:dc143c;>2002.06.21</span></font></span></u><br>
<font class=505050>오늘.. 짝을 바꾸었는데.. -_-.. 내가 제일루 싫어하는 사람과..;;<br>
킁; 곈 유난히도 머리가 "큰" 아이인데.. 메신저등록정보에 "쌔끈한男" 이라 되어 있고..<br>
자신의 홈 대문에는 "잘생긴 XX의 홈에 오신 걸 환영합니다" 라고 되어 있다 =_=;; 므헐;; 컥;;<br>
계가 날 좋아한다는데 미치겠다 =_=.. 흠; 지금 내 눈앞에 그 애의 "머리" 가 "달랑" 거린다 @ㅠ@;;<br>
정말...-_- 나 미친 거 같다 프헐.. 쿨럭;; 쿨럭;; 셧!!
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------
우선 css 소스로 두가지의 글씨 속성을 지정해 줍니다 ^-^ 클래스에 쓰일 이름은 기억하기 쉽게
그 컬러 코드로 하기로 하죠. 글씨 속성은 색만 지정해 주세요!! -_-;
.dc143c {color:dc143c;}
.505050 {color:505050;}
↑ 위에 보이시죠?? 저런 식으로요..
그리고 난 후에는 <font class=505050><u><span class=dc143c> 를 붙여 주세요
<u> 전에 글씨 클래스를 지정해 주시면.. <font class="...."> 로 해 준 것의 색이 밑줄의 색이 되고요
그 다음 <u>를 추가하시고서 <span class="...."> 를 써 주시면 이게 바로 글씨의 색이 되는 거죠.
.... 에는 아까 자신이 지정한 css 이름을 써 주시면 되고요 ^-^;;
설명이 난잡해서 잘 못 알아 들으시겠다면.. 걍 복사해서 갔다 여러가지로 수정해 보시다 보면
아시게 될 겁니다 -_-a;; 이상 허접하고 간단하지만 좋은 팁이었슴다 -_-)/
+ 아, 예제는요.. - http://arme.joa1004.com/test.htm 이랍니다 -_-)v
............................................................................................................... + written by Here!Army +
위쯔님네도 올리고 미니보드에도 올린 팁인데요 ^-^ 엔죠에도 올려요!
제 예제처럼 쓰시면 어느정도 효과가 좋아요 -_-)b 잘만 하면 간단하고 이쁜 팁!
--------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>테스트 문서여요 - _-)b</title>
<STYLE TYPE='text/css'>
<!--
BODY {line-height:160%;font-family:Verdana;font-size:9pt;background-color:cccccc;}
.dc143c {color:dc143c;}
.505050 {color:505050;}
-->
</STYLE>
</head>
<font class=505050><u><span class=dc143c><b>+ 6월 24일 월요일 날씨:조금비옴 상태:미치겠음</b>
<span style=font-family:Tahoma;font-size:9px;font-color:dc143c;>2002.06.21</span></font></span></u><br>
<font class=505050>오늘.. 짝을 바꾸었는데.. -_-.. 내가 제일루 싫어하는 사람과..;;<br>
킁; 곈 유난히도 머리가 "큰" 아이인데.. 메신저등록정보에 "쌔끈한男" 이라 되어 있고..<br>
자신의 홈 대문에는 "잘생긴 XX의 홈에 오신 걸 환영합니다" 라고 되어 있다 =_=;; 므헐;; 컥;;<br>
계가 날 좋아한다는데 미치겠다 =_=.. 흠; 지금 내 눈앞에 그 애의 "머리" 가 "달랑" 거린다 @ㅠ@;;<br>
정말...-_- 나 미친 거 같다 프헐.. 쿨럭;; 쿨럭;; 셧!!
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------
우선 css 소스로 두가지의 글씨 속성을 지정해 줍니다 ^-^ 클래스에 쓰일 이름은 기억하기 쉽게
그 컬러 코드로 하기로 하죠. 글씨 속성은 색만 지정해 주세요!! -_-;
.dc143c {color:dc143c;}
.505050 {color:505050;}
↑ 위에 보이시죠?? 저런 식으로요..
그리고 난 후에는 <font class=505050><u><span class=dc143c> 를 붙여 주세요
<u> 전에 글씨 클래스를 지정해 주시면.. <font class="...."> 로 해 준 것의 색이 밑줄의 색이 되고요
그 다음 <u>를 추가하시고서 <span class="...."> 를 써 주시면 이게 바로 글씨의 색이 되는 거죠.
.... 에는 아까 자신이 지정한 css 이름을 써 주시면 되고요 ^-^;;
설명이 난잡해서 잘 못 알아 들으시겠다면.. 걍 복사해서 갔다 여러가지로 수정해 보시다 보면
아시게 될 겁니다 -_-a;; 이상 허접하고 간단하지만 좋은 팁이었슴다 -_-)/
+ 아, 예제는요.. - http://arme.joa1004.com/test.htm 이랍니다 -_-)v
............................................................................................................... + written by Here!Army +
위쯔님네도 올리고 미니보드에도 올린 팁인데요 ^-^ 엔죠에도 올려요!
제 예제처럼 쓰시면 어느정도 효과가 좋아요 -_-)b 잘만 하면 간단하고 이쁜 팁!
댓글 3
-
세벌사랑
2002.07.30 14:39
저는 안되던데. 브라우저 버전과 관련있나요? -
Ezon*이즌
2002.09.23 01:33
늦게 발견 - _-; 있습니다;
익스 5.5 이상에서만 보입니다 - _-ㆀ -
bojagi
2003.02.12 20:45
예제 안되네 -_- 쩝
제목 | 글쓴이 | 날짜 |
---|---|---|
xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
[사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
TEXTAREA 스크롤바 뒤집기 [4] | ZipShin | 2002.06.20 |
이쁜 css 파일2 [6] | HomeBox™ | 2002.06.17 |
[re] 이쁜 css 파일2 [3] | t(T^T)t_Man. | 2005.01.07 |
이쁜 css 파일1 [1] | HomeBox™ | 2002.06.17 |
Filters and Transitions .... [4] | 점퍼워니 | 2002.06.17 |
스크롤바 색상 변경 ...! [6] | 오빠야™ | 2002.06.17 |
웹강의 할떄 소스 보이기 할떄 쓰는 특수문자!! [4] | 류™ | 2002.06.16 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
MSN.. 추가하기, 채팅하기.. (출처.. 수정) [11] | 하놈 | 2002.06.05 |
▶ 마우스 오른쪽 누르기 막힌거 뚫는법 [25] | ★쿠쿠로 | 2002.05.22 |
Input, Textarea, Radiobutton, Checkbox등 disabled 옵션. [3] | 카멜롯™ | 2002.05.20 |