웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS파일이용하여 링크에 건반효과주기(강력추천)
2003.05.23 18:05
안녕하심니까
간단한 팀 소개함니다CSS 파일을 이용하면
파일구조가 복잡해지지안더라도 원하는 HTML 페이지의 여러가지 설정을 할수있음니다.
CSS 파일 적용법
소스시작 ------------------------------>
<TITLE>홈피제목</TITLE>
<link rel=StyleSheet HREF='http://mygif.com.ne.kr/b/haha.css' type='text/css'>
소스끝---------------------------------->
자신의 페이지에 꾸미는용도로 들어갈 태그 들을 CSS 파일로 따로묵어 저장한후
자신이 적용시키고 싶은 HTML 페이지 에 적용 시키면 됨니다
위에서와같이 적용시킬때에는 적용시키고자 하는 문서 맨꼭대기 .맨위에다가 저렇게 써주시면 됨니다.
CSS 파일로 따로묵어서 HTML 을 꾸미게되면 노력을 많이 줄일수있고요 대단히 효율적으로 HTML 페이지를 꾸미실수 있음니다.
(스크롤바색깔,글꼴,링크에 건반 효과나타내기 등등 )
여러분의 홈피이지 맨위에 다가 직접 적용시켜보십시요
링크걸린 그림들, 글자들 위에 마우스를 올려노으면 링크걸린 그림이
쏙쏙 들어갓다가 나왓다가 그럴검니다.
그럼 이만 꾸벅
참고사항 위의 CSS 파일 내용------------------------------
BODY,p, td, TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:돋움;font-size:9pt;line-height:140%; color:#000000; }
body {background-color:white}
P.t {line-height:160%}
.t {line-height:160%}
.ta9 {font-family:tahoma,Arial;font-size:8pt}
.ver7 {font-family:Verdana,Arial;font-size:7pt}
.ver8 {font-family:Verdana,Arial;font-size:8pt}
.ver {font-family:Verdana,Arial}
.bd {border:solid 1 black}
.bt {border:solid 1 black;font-family:Verdana,Tahoma;font-size:8pt;color:white;background-color:black}
body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}
A:link {color:#666666;text-decoration:none;}
A:visited {color:#666666;text-decoration:none;}
A:active {color:#666666;text-decoration:none;}
A:hover {color:#666666;text-decoration:none;position:relative; top:1; left:-1}
A.move:link {color:000000;font-size:9pt;text-decoration:none; font-weight:}
A.move:visited {color:black;font-size:9pt;text-decoration:none; font-weight:}
A.move:active {color:black;font-size:9pt;text-decoration:none; font-weight:}
A.move:hover {color:#80C0C0; text-decoration:none; position:relative; top:1; left:1}
.wizz {font-family:정;font-size:8px;color:#FFB8B8;}
.gnomr {font-family:정;font-size:8px;color:#FFB8B8;}
.gnomb {font-family:04b_08;font-size:8px;color:#000000;}
.gnom {font-family:04b_08;font-size:8px;color:#ffffff;}
.tt {font-family:티티체;font-size:9px;color:#ffffff;}
.gnom2 {font-family:04b_08;font-size:8px;color:#FF8080;}
.gnomblack {font-family:04b_08;font-size:8px;color:#000000;line-height:110%}
.gnomred {font-family:04b_08;font-size:8px;color:#FF0000;line-height:110%}
.jungr {font-family:정;font-size:9px;color:#FF0000;}
.jung {font-family:정;font-size:9px;color:ffffff;line-height:120%}
.bd {border:0px solid ;width=80; background-color:3683EC;font-family:04b_08;font-size:8px;color:#ffffff;padding-right:10px;}
.up {border:0px solid ;width=100; font-family:04b_08;font-size:8px;color:#ffffff;padding-right:40px;}
내용끝------------------------------------------------
http://www.kkal3.com/
홈페이지 제작관련 질문 대답전문 사이트
제가요즘 홈피맹글면서 도움받고있는 사이트임다
저의홈피는 안직 미완성(야바타샵 설치하는중)
간단한 팀 소개함니다CSS 파일을 이용하면
파일구조가 복잡해지지안더라도 원하는 HTML 페이지의 여러가지 설정을 할수있음니다.
CSS 파일 적용법
소스시작 ------------------------------>
<TITLE>홈피제목</TITLE>
<link rel=StyleSheet HREF='http://mygif.com.ne.kr/b/haha.css' type='text/css'>
소스끝---------------------------------->
자신의 페이지에 꾸미는용도로 들어갈 태그 들을 CSS 파일로 따로묵어 저장한후
자신이 적용시키고 싶은 HTML 페이지 에 적용 시키면 됨니다
위에서와같이 적용시킬때에는 적용시키고자 하는 문서 맨꼭대기 .맨위에다가 저렇게 써주시면 됨니다.
CSS 파일로 따로묵어서 HTML 을 꾸미게되면 노력을 많이 줄일수있고요 대단히 효율적으로 HTML 페이지를 꾸미실수 있음니다.
(스크롤바색깔,글꼴,링크에 건반 효과나타내기 등등 )
여러분의 홈피이지 맨위에 다가 직접 적용시켜보십시요
링크걸린 그림들, 글자들 위에 마우스를 올려노으면 링크걸린 그림이
쏙쏙 들어갓다가 나왓다가 그럴검니다.
그럼 이만 꾸벅
참고사항 위의 CSS 파일 내용------------------------------
BODY,p, td, TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:돋움;font-size:9pt;line-height:140%; color:#000000; }
body {background-color:white}
P.t {line-height:160%}
.t {line-height:160%}
.ta9 {font-family:tahoma,Arial;font-size:8pt}
.ver7 {font-family:Verdana,Arial;font-size:7pt}
.ver8 {font-family:Verdana,Arial;font-size:8pt}
.ver {font-family:Verdana,Arial}
.bd {border:solid 1 black}
.bt {border:solid 1 black;font-family:Verdana,Tahoma;font-size:8pt;color:white;background-color:black}
body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}
A:link {color:#666666;text-decoration:none;}
A:visited {color:#666666;text-decoration:none;}
A:active {color:#666666;text-decoration:none;}
A:hover {color:#666666;text-decoration:none;position:relative; top:1; left:-1}
A.move:link {color:000000;font-size:9pt;text-decoration:none; font-weight:}
A.move:visited {color:black;font-size:9pt;text-decoration:none; font-weight:}
A.move:active {color:black;font-size:9pt;text-decoration:none; font-weight:}
A.move:hover {color:#80C0C0; text-decoration:none; position:relative; top:1; left:1}
.wizz {font-family:정;font-size:8px;color:#FFB8B8;}
.gnomr {font-family:정;font-size:8px;color:#FFB8B8;}
.gnomb {font-family:04b_08;font-size:8px;color:#000000;}
.gnom {font-family:04b_08;font-size:8px;color:#ffffff;}
.tt {font-family:티티체;font-size:9px;color:#ffffff;}
.gnom2 {font-family:04b_08;font-size:8px;color:#FF8080;}
.gnomblack {font-family:04b_08;font-size:8px;color:#000000;line-height:110%}
.gnomred {font-family:04b_08;font-size:8px;color:#FF0000;line-height:110%}
.jungr {font-family:정;font-size:9px;color:#FF0000;}
.jung {font-family:정;font-size:9px;color:ffffff;line-height:120%}
.bd {border:0px solid ;width=80; background-color:3683EC;font-family:04b_08;font-size:8px;color:#ffffff;padding-right:10px;}
.up {border:0px solid ;width=100; font-family:04b_08;font-size:8px;color:#ffffff;padding-right:40px;}
내용끝------------------------------------------------
http://www.kkal3.com/
홈페이지 제작관련 질문 대답전문 사이트
제가요즘 홈피맹글면서 도움받고있는 사이트임다
저의홈피는 안직 미완성(야바타샵 설치하는중)
댓글 8
-
고냉이 콱!
2003.06.03 18:13
-
RedEye(rinja)
2003.05.23 22:22
쿨럭;;;
간단한 팀소개는 언제 하실건가요?
아직 팀맴버들이 모이지 않았나보군요 ^^;; -
jjin
2003.05.26 14:29
길다............; -
쭘's
2003.05.25 20:45
키득 레드아이님 한참 생각했는데.. 처음에.. 팀소개라고 되어있네요..^^:; -
RedEye(kaist)
2003.05.27 14:42
간단하게 그냥 스타일에 한줄추가로 끝
A:hover {color:#666666;text-decoration:none;position:relative; top:1; left:-1} -
šarami
2003.07.21 22:32
-ㅅ- 위의 css 는 개인이 쓰는 상태 그대로라 다른이들에게 필요없는 부분이 들어가서 그런듯 하네요; ;ㅅ; -
naughtykidd
2004.02.26 19:54
-_-;.. -
캘리
2006.08.17 07:27
팀소개 대략난감
...
요거면 되는데 ㅡ.ㅡ