웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
HTML필수 항목( 기본구조)- 초보자용 입니다! | 김수한 | 2003.07.25 |
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] | @kihwa | 2003.07.11 |
내 카페/홈페이지에 뉴스 달기 소스 공개 [9] | 깜보 | 2003.07.10 |
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함) [18] | 쭘's | 2003.07.07 |
도메인 주소를 고정한 페이지를 새로고침해도 처음으로 돌아가는것을 방지 ★ [24] | 새벽이슬 | 2003.07.05 |
노프레임 게시판을 만들때 이미지 경로지정 [11] | webzang | 2003.06.26 |
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함) [26] | 쭘's | 2003.06.16 |
[매크로] 노프레임 페이지 작성시 나모에서 링크 타겟 매크로로 입력하기 [4] | 김병희 | 2003.06.14 |
쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [37] | 쭘's | 2003.06.07 |
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] | 파마아줌마 | 2003.07.21 |
[초보자용] 노프레임 이해하고 만들기 [16] | zeroMD™ | 2003.06.05 |
CSS파일이용하여 링크에 건반효과주기(강력추천) [8] | 호호짱 | 2003.05.23 |
HTML 암호화시킨것 풀어주는소스(암호화도가능) [11] | 호호짱 | 2003.05.06 |
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] | 쭘's | 2003.04.29 |
[html 초보용] 홈페이지 무작정 따라하기!② [3] | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!① [6] | 깻잎사랑=_=v | 2003.04.14 |
스스로 사라지는 웹페이지 만들기 [3] | 최재철 | 2003.04.08 |
노프레임홈페이지 디비기 4 - 쌍벽 [36] | 리디 | 2003.04.08 |
HTML 기본 구성 ( HTML 왕초보만 보세혀.. ) [7] | kkaza™ | 2003.04.05 |
홈페이지의 위아래를 바꾸어 보자! [10] | 세죠위그이 | 2003.04.01 |