KCP API결제 버전 배포 - exec() 불가 환경 대응KCP exec() 불가 대응 버전 배포
이전
목록
다음
한

뽀유의 스타일시트 특별강좌

한대호
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2006-07-11 (화) 09:39:04 · 4481 · 1
[수정내용]
내용을 약간 수정하였습니다.
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">

이런식으로 해주시면
각각의 스타일시트가 적용되서 나오게 된답니다^^

이해가 안되시면 제 홈에 오셔서 질문해주세요 - *

나만의 작은 공간.. http://www.thewindy.com


http://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&category=2&sn=off&ss=on&sc=off&select_arrange=vote&desc=desc&no=538<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
#개발자팁 #개발자 #팁자료실 #기타
|

댓글 1개

카르마
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2006-12-05 (화) 04:20:24
요거 헷갈렸었는데, 덕분에 말끔이 해결됐네요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,755
10-09-19 조회 2,792
10-09-15 조회 2,806
10-09-15 조회 4,210
10-09-15 조회 3,444
10-09-15 조회 2,537
10-09-07 조회 3,656
10-08-27 조회 4,111
10-06-11 조회 4,293
10-05-31 조회 2,540
10-02-27 조회 5,053
10-02-09 조회 3,797
09-10-10 조회 7,389
09-03-19 조회 3,244
09-02-09 조회 3,516
09-02-09 조회 4,567
08-11-01 조회 2,950
08-09-29 조회 4,602
08-09-26 조회 3,537
08-09-26 조회 3,610
08-09-26 조회 2,746
08-09-26 조회 3,791
08-09-26 조회 3,517
08-09-26 조회 4,288
08-09-18 조회 3,633
08-09-09 조회 3,267
08-08-28 조회 2,807
08-07-06 조회 3,577
08-05-21 조회 4,734
08-05-13 조회 4,581
08-04-17 조회 4,950
08-02-19 조회 3,566
08-01-18 조회 3,894
08-01-10 조회 3,856
07-10-22 조회 3,691
07-10-09 조회 4,361
07-10-03 조회 3,566
07-07-06 조회 4,240
07-07-06 조회 4,455
07-07-06 조회 4,071
07-06-28 조회 3,602
07-06-05 조회 3,615
07-06-05 조회 4,162
07-05-30 조회 3,328
07-05-02 조회 3,708
07-04-15 조회 5,191
07-04-11 조회 3,669
07-04-05 조회 3,974
07-03-31 조회 3,184
07-03-31 조회 4,157
07-03-30 조회 3,772
07-03-24 조회 4,029
07-03-22 조회 3,693
07-03-12 조회 4,447
07-02-16 조회 3,315
07-02-14 조회 5,198
07-02-10 조회 4,040
07-02-09 조회 4,419
07-01-19 조회 4,089
07-01-16 조회 5,025
06-12-16 조회 5,889
06-11-30 조회 3,638
06-11-25 조회 3,755
06-10-15 조회 5,107
06-09-26 조회 5,343
06-09-26 조회 5,462
06-09-22 조회 4,323
06-09-21 조회 3,570
06-09-21 조회 3,673
06-09-02 조회 3,511
06-08-08 조회 5,150
06-07-20 조회 3,777
06-07-17 조회 3,400
06-07-13 조회 4,221
06-07-11 조회 3,515
06-07-11 조회 3,516
06-07-11 조회 3,877
06-06-29 조회 6,117
06-06-19 조회 6,491
06-06-02 조회 3,553
06-05-24 조회 5,028
06-05-14 조회 7,818
06-05-08 조회 3,938
06-02-02 조회 5,488
05-12-16 조회 4,565
05-12-05 조회 5,196
05-06-28 조회 4,155
05-04-11 조회 4,109
05-04-11 조회 4,287
05-04-11 조회 3,349
05-03-13 조회 3,261
05-03-12 조회 4,322
04-12-08 조회 7,815
04-12-01 조회 5,222
04-11-28 조회 3,405
04-11-28 조회 3,241
04-08-05 조회 5,660
04-08-05 조회 5,007
04-08-05 조회 5,621
글쓰기