[수정내용]
내용을 약간 수정하였습니다.
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>
내용을 약간 수정하였습니다.
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개
19년 전
요거 헷갈렸었는데, 덕분에 말끔이 해결됐네요^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1730 | 17년 전 | 1181 | ||
| 1729 | 17년 전 | 1612 | ||
| 1728 | 17년 전 | 1676 | ||
| 1727 | 17년 전 | 1816 | ||
| 1726 | 17년 전 | 2953 | ||
| 1725 | 17년 전 | 2092 | ||
| 1724 |
|
17년 전 | 1768 | |
| 1723 |
끝없는사랑
|
17년 전 | 2110 | |
| 1722 |
끝없는사랑
|
17년 전 | 1817 | |
| 1721 | 17년 전 | 3347 | ||
| 1720 | 17년 전 | 1530 | ||
| 1719 | 17년 전 | 1648 | ||
| 1718 |
사랑합니다
|
17년 전 | 1367 | |
| 1717 | 17년 전 | 2187 | ||
| 1716 | 17년 전 | 3139 | ||
| 1715 |
|
17년 전 | 2273 | |
| 1714 |
|
17년 전 | 1732 | |
| 1713 | 17년 전 | 2991 | ||
| 1712 | 17년 전 | 4424 | ||
| 1711 | 17년 전 | 1737 | ||
| 1710 | 17년 전 | 3239 | ||
| 1709 |
jeans
|
17년 전 | 1566 | |
| 1708 |
 mando |
17년 전 | 3475 | |
| 1707 | 17년 전 | 5840 | ||
| 1706 |
|
17년 전 | 1420 | |
| 1705 |
|
17년 전 | 2157 | |
| 1704 | 17년 전 | 1790 | ||
| 1703 |
심심맨닷컴
|
17년 전 | 1551 | |
| 1702 | 17년 전 | 2424 | ||
| 1701 |
|
17년 전 | 2623 | |
| 1700 | 17년 전 | 1600 | ||
| 1699 | 17년 전 | 2682 | ||
| 1698 |
RedRiverFisher
|
17년 전 | 3169 | |
| 1697 |
심심맨닷컴
|
17년 전 | 1528 | |
| 1696 |
eclub
|
17년 전 | 1940 | |
| 1695 | 17년 전 | 3846 | ||
| 1694 |
깜장고무신
|
17년 전 | 4477 | |
| 1693 |
stuartkim
|
17년 전 | 1882 | |
| 1692 |
stuartkim
|
17년 전 | 1751 | |
| 1691 |
 hanpedro |
17년 전 | 2676 | |
| 1690 | 17년 전 | 1844 | ||
| 1689 | 17년 전 | 3932 | ||
| 1688 | 17년 전 | 1655 | ||
| 1687 | 16년 전 | 1929 | ||
| 1686 |
hanpedro |
17년 전 | 2255 | |
| 1685 | 17년 전 | 2104 | ||
| 1684 |
 cmpanel |
17년 전 | 3570 | |
| 1683 |
leeLook
|
17년 전 | 1591 | |
| 1682 | 17년 전 | 2653 | ||
| 1681 | 17년 전 | 1642 | ||
| 1680 | 17년 전 | 1906 | ||
| 1679 | 17년 전 | 7419 | ||
| 1678 | 17년 전 | 1995 | ||
| 1677 | 17년 전 | 4092 | ||
| 1676 | 17년 전 | 2416 | ||
| 1675 | 17년 전 | 2425 | ||
| 1674 | 17년 전 | 2149 | ||
| 1673 | 17년 전 | 2197 | ||
| 1672 | 17년 전 | 2624 | ||
| 1671 | 17년 전 | 3216 | ||
| 1670 | 17년 전 | 5326 | ||
| 1669 |
플래시007
|
17년 전 | 2785 | |
| 1668 |
cmpanel |
17년 전 | 2696 | |
| 1667 | 17년 전 | 2549 | ||
| 1666 |
|
17년 전 | 1795 | |
| 1665 | 17년 전 | 2204 | ||
| 1664 | 17년 전 | 5306 | ||
| 1663 |
cmpanel |
17년 전 | 3023 | |
| 1662 |
cmpanel |
17년 전 | 2580 | |
| 1661 |
cmpanel |
17년 전 | 3256 | |
| 1660 |
cmpanel |
17년 전 | 2473 | |
| 1659 |
cmpanel |
17년 전 | 2829 | |
| 1658 | 17년 전 | 5875 | ||
| 1657 | 17년 전 | 2631 | ||
| 1656 |
Piece
|
17년 전 | 2018 | |
| 1655 |
|
17년 전 | 2652 | |
| 1654 | 17년 전 | 1475 | ||
| 1653 | 17년 전 | 9798 | ||
| 1652 | 17년 전 | 4458 | ||
| 1651 | 17년 전 | 3288 | ||
| 1650 | 17년 전 | 1811 | ||
| 1649 | 17년 전 | 3601 | ||
| 1648 | 17년 전 | 2286 | ||
| 1647 | 17년 전 | 3733 | ||
| 1646 | 17년 전 | 5188 | ||
| 1645 | 17년 전 | 3846 | ||
| 1644 | 17년 전 | 2700 | ||
| 1643 | 17년 전 | 2945 | ||
| 1642 | 18년 전 | 2450 | ||
| 1641 | 18년 전 | 2791 | ||
| 1640 |
porgy
|
18년 전 | 1900 | |
| 1639 | 18년 전 | 3451 | ||
| 1638 |
컴퓨터기술자
|
18년 전 | 2135 | |
| 1637 |
 FreeMax |
18년 전 | 2258 | |
| 1636 | 18년 전 | 2072 | ||
| 1635 | 18년 전 | 3048 | ||
| 1634 |
귀여운현호
|
18년 전 | 1997 | |
| 1633 |
태양의서쪽
|
18년 전 | 2670 | |
| 1632 | 18년 전 | 3873 | ||
| 1631 | 18년 전 | 4567 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기