웹마스터 팁
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
팀소개 대략난감
...
제목 | 글쓴이 | 날짜 |
---|---|---|
회원 관리자 두기.. | DaKi | 2011.05.09 |
youtube (유튜브) 동영상 block없이 게시판에 embed 하기 [23] | 쏘프티 | 2011.05.10 |
서버이전후 캐시파일 재생성 안되시는분들 [2] | 우냠냠 | 2011.05.11 |
도와 주세요!!! Explorer 6에서는 제대로 보이는데 Explorer 7 이상에서는 사진이 안보여요 [2] | 이영규616 | 2011.05.12 |
th 엘리먼트에 scope 속성 사용 [1] | 엘카 | 2011.05.14 |
XE 공식 버튼2 삽입하기 [32] | 웹엔진 | 2011.05.14 |
따른사이트와 내채팅방 연동하기~!<미니온4편> [7] | 토끼매니아 | 2011.05.15 |
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] | 홍성빈닌 | 2011.05.17 |
'왕' '왕초보'를 위한 ZB4-->XE버전으로 이전시 가장 간단한 순서 [1] | 쭈영 | 2011.05.17 |
XE 프로젝트 호스팅 SVN 내용을 Google 프로젝트 호스팅으로 이전하기 | 난다날아 | 2011.05.17 |
모바일레이아웃에서의 통합검색 [11] | 카르마 | 2011.05.19 |
[PHP 기초] 연산자1 | 난다날아 | 2011.05.19 |
XE 첨부파일 문제로 게시판이 백지화 될때... [1] | 똑디 | 2011.05.20 |
드림위버로 FTP 파일 바로 수정하기 : FTP다운로드->수정->FTP업로드 번거러운 수정과정 X [3] | Treasurej | 2011.05.21 |
SSH 지원안하는 웹호스팅에서 빠르게 XE설치하기. [5] | DynamicLaser | 2011.05.22 |
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 | 길버트전 | 2011.05.24 |
웹폰트의 개념과 사용법 [2] | hika1 | 2011.05.26 |
로그인풀림방지 - 주소 고정하기 [27] | ezi | 2011.05.28 |
XE를 홈페이지 루트에 설치하여 BGM 설치가 불가능할 때... [6] | Firstlove | 2011.05.29 |
다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] | 공수래 | 2011.05.30 |
요거면 되는데 ㅡ.ㅡ