웹마스터 팁
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] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
[동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
히야[HIYA] - 노프레임 왕초보가되어 프로젝트 !! [ 노프레임 홈피 만들기 !! 7번째강좌 ] [19] | 공찬영 | 2003.07.05 |
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] | 라엘 | 2003.02.10 |
뽀유의 스타일시트 특별강좌 [28] | 뽀유♡ | 2002.10.25 |
노프레임 홈페이지 만들기 강좌:) [53] | Alunar@R. | 2002.08.22 |
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
좋은 PHP 강좌 사이트들 [1] | HolyJohn | 2010.12.29 |
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] | HolyJohn | 2010.12.29 |
초보자도 따라하는 XE로 홈페이지 만들기 강좌 포스트입니다. [2] | 놀라운넘 | 2010.08.27 |
XE 사용하기 - 동영상 강좌 [36] | 선우(善友) | 2010.05.05 |
초보자를 위한 제로보드에 애드온 프로그램 설치하기 강좌 | 이하늘690 | 2010.02.23 |
■ 초보님을 위한 XE 동영상 강좌 [초보님들 필독 권합니다. ^^] [8] | 파파민 | 2010.01.30 |
[동영상 강좌2] zbxe 페이지 생성과 기능 설명 [45] | 필반 | 2007.12.03 |
[동영상 강좌1] zbxe 설치하기 [120] | 필반 | 2007.11.26 |