웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
뽀유의 스타일시트 특별강좌
2002.10.25 09:29
[수정내용]
내용을 약간 수정하였습니다.
HTML 사용 체크를 하시지 않은 경우에는 HTML 태그가 그대로 노출(?)되니 "<", ">" 부호를 "[","]" 로 바꿔주실 필요는 없습니다 ^^
"<",">" 이 부호로 해주면 강좌 보시는 분이 복사해서 바로 사용하실 수 있고 좋잖아요 ^^
오늘 아침에 다음 (http://daum.net) 의 소스를 분석하던 도중
제가 한참 궁금해하던 부분에 대해 알아냈습니다 -_-;
바로바로! 노프레임사이트를 만들 때의
링크 스타일을 하나로밖에 지정 못한다는 그 아픔..;;
해결되었습니다 -_-;;
무슨소린지 모르시겠다구요? 예를들면..
링크 글씨색과.. 뭐 여러가지를 이쁘게 해놨는데
제로보드 로그인을 삽입했더니
로그인의 스타일대로 따라가더라... 이런분들 있죠?
금방 쉽게 해결됩니다.. 그럼 지금부터 강좌 시작-!
-----------------------------------------------------
★ 스타일시트 강좌 ★
style.css 파일을 만드셔야합니닷.
메모장을 여세요. 그리고 아래와같이 입력하세요.
a.menu:link {text-decoration:none;color:#666666;}
a.menu:hover {text-decoration:underline;color:#cccccc;}
a.notice:link {text-decoration:underline;color:#ffff00;}
a.notice:hover {text-decoration:underline;color:#ff0000;}
이런식으로 스타일시트 파일을 만드신다음에
스타일을 적용시킬 html문서의 head부분에 다음과같이
입력하셔서 스타일시트를 포함시켜주세요
<link rel="stylesheet" type="text/css" href="style.css">
그리고는 링크를 하실때 [a] 태그를 쓰죠?
[a] 태그 안에 클래스를 삽입해주는겁니다.
메뉴에 링크를 거실때에는 위에 a.menu:link 라고 속성을
지정해주었었으니까
<a href="http://foryouweb.com" class="menu" target="_blank">
이런식으로 해주시면 되고
공지사항의 링크는
<a href="http://주소.com" class="notice">
이런식으로 해주시면
각각의 스타일시트가 적용되서 나오게 된답니다^^
이해가 안되시면 제 홈에 오셔서 질문해주세요 - *
내용을 약간 수정하였습니다.
HTML 사용 체크를 하시지 않은 경우에는 HTML 태그가 그대로 노출(?)되니 "<", ">" 부호를 "[","]" 로 바꿔주실 필요는 없습니다 ^^
"<",">" 이 부호로 해주면 강좌 보시는 분이 복사해서 바로 사용하실 수 있고 좋잖아요 ^^
오늘 아침에 다음 (http://daum.net) 의 소스를 분석하던 도중
제가 한참 궁금해하던 부분에 대해 알아냈습니다 -_-;
바로바로! 노프레임사이트를 만들 때의
링크 스타일을 하나로밖에 지정 못한다는 그 아픔..;;
해결되었습니다 -_-;;
무슨소린지 모르시겠다구요? 예를들면..
링크 글씨색과.. 뭐 여러가지를 이쁘게 해놨는데
제로보드 로그인을 삽입했더니
로그인의 스타일대로 따라가더라... 이런분들 있죠?
금방 쉽게 해결됩니다.. 그럼 지금부터 강좌 시작-!
-----------------------------------------------------
★ 스타일시트 강좌 ★
style.css 파일을 만드셔야합니닷.
메모장을 여세요. 그리고 아래와같이 입력하세요.
a.menu:link {text-decoration:none;color:#666666;}
a.menu:hover {text-decoration:underline;color:#cccccc;}
a.notice:link {text-decoration:underline;color:#ffff00;}
a.notice:hover {text-decoration:underline;color:#ff0000;}
이런식으로 스타일시트 파일을 만드신다음에
스타일을 적용시킬 html문서의 head부분에 다음과같이
입력하셔서 스타일시트를 포함시켜주세요
<link rel="stylesheet" type="text/css" href="style.css">
그리고는 링크를 하실때 [a] 태그를 쓰죠?
[a] 태그 안에 클래스를 삽입해주는겁니다.
메뉴에 링크를 거실때에는 위에 a.menu:link 라고 속성을
지정해주었었으니까
<a href="http://foryouweb.com" class="menu" target="_blank">
이런식으로 해주시면 되고
공지사항의 링크는
<a href="http://주소.com" class="notice">
이런식으로 해주시면
각각의 스타일시트가 적용되서 나오게 된답니다^^
이해가 안되시면 제 홈에 오셔서 질문해주세요 - *
댓글 28
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1 [2] | ZipShin | 2002.09.19 |
[Tip]한글 97로 홈페이지 틀 짜기
[8]
![]() | Alunar | 2002.09.21 |
소스 보는 방법 몇가지 [13] | 태영이 | 2002.09.24 |
테이블 크기 더 이상 안넘어가게 하기.. [12] | dEathrock | 2002.09.24 |
(허접 팁)레이어를 브라우저 크기에 상관없이 위치지정하기 [6] | 오영민 | 2002.09.25 |
벅스에서 음악주소 얻어내기 총정리!!! [11] | 세DlCIZLOI너 | 2002.09.25 |
CSS,HTML,DHTML 및 기타 최신레퍼런스를 구하는 방법 [2] | -크크크- | 2002.09.28 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
HTML 이란? [5] | 조현원 | 2002.09.28 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트2 [5] | ZipShin | 2002.10.01 |
HTML의 4가지 요소 [2] | ZipShin | 2002.10.01 |
프레임셋 응용 [8] | 심플리즘 | 2002.10.08 |
[HTML 초보자]- marquee태그 (글자 움직이기)-1 [6] | ZipShin | 2002.10.11 |
부모-자식 레이어의 활용(레이어 위치 고정) [8] | clo | 2002.10.12 |
[HTML 초보자]- marquee태그 (글자 움직이기)-2 [5] | ZipShin | 2002.10.12 |
[HTML 초보자] 마퀴태그로 움직이되, 마우를 가져다 되면 멈추고, 시작되고.. [6] | ZipShin | 2002.10.17 |
[HTML 초보자]-marquee 마퀴태그의 움직이는 속도 [5] | ZipShin | 2002.10.20 |
[HTML 초보자]- 글자가 움직이는 배경색깔 [1] | ZipShin | 2002.10.22 |
오른쪽마우스, 드래그 금지하는 태그.. [4] | xtersh | 2002.10.24 |
뽀유의 스타일시트 특별강좌 [28] | 뽀유♡ | 2002.10.25 |