웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
링크 클릭시 사운드 효과 [3] | REAL | 2003.04.09 |
이미지 링크로 사용하다가 짤렸을때 대체 이미지 [6] | REAL | 2003.04.09 |
새창뜨는 링크 누를때 스크롤바 고정시키기 [8] | REAL | 2003.04.09 |
textbox의 값을 오른쪽부터 채우기. [1] | RedEye | 2003.04.12 |
[html 초보용] 홈페이지 무작정 따라하기!①
[6]
![]() | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!②
[3]
![]() | 깻잎사랑=_=v | 2003.04.14 |
textarea 세로 글쓰기 [1] | ZipShin | 2003.04.15 |
이미지 테두리에 점선 두르기 [6] | ZipShin | 2003.04.15 |
label태그 아십니까? [6] | ZipShin | 2003.04.27 |
쭘식 메뉴만들기 - 세로 슬라이드 메뉴
[11]
![]() | 쭘's | 2003.04.29 |
HTML 암호화시킨것 풀어주는소스(암호화도가능) [11] | 호호짱 | 2003.05.06 |
더블클릭으로 웹문서 새로고침 하기 [3] | RedEye | 2003.05.09 |
동영상이 로딩될때까지 이미지 보여주기 [8] | ZipShin | 2003.05.19 |
세계인구와 한국인구 구하기 애플릿 소스 [3] | TimeMode | 2003.05.19 |
onload 두개 사용하려고 할때... [5] | chosun815 | 2003.05.20 |
CSS파일이용하여 링크에 건반효과주기(강력추천) [8] | 호호짱 | 2003.05.23 |
무심코 지나치기 쉬운 인푸트(input)폼에 대한 몇가지들.... [4] | RedEye(rinja) | 2003.05.23 |
개미선 없애기.. [10] | -크크크- | 2003.06.04 |
[초보자용] 노프레임 이해하고 만들기 [16] | zeroMD™ | 2003.06.05 |
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] | 파마아줌마 | 2003.07.21 |