웹마스터 팁

안녕하심니까
간단한  팀  소개함니다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/
홈페이지  제작관련 질문 대답전문 사이트

제가요즘 홈피맹글면서  도움받고있는 사이트임다
저의홈피는  안직  미완성(야바타샵 설치하는중)
제목 글쓴이 날짜
링크 클릭시 사운드 효과 [3] REAL 2003.04.09
이미지 링크로 사용하다가 짤렸을때 대체 이미지 [6] REAL 2003.04.09
새창뜨는 링크 누를때 스크롤바 고정시키기 [8] REAL 2003.04.09
textbox의 값을 오른쪽부터 채우기. [1] RedEye 2003.04.12
[html 초보용] 홈페이지 무작정 따라하기!① [6] file 깻잎사랑=_=v 2003.04.14
[html 초보용] 홈페이지 무작정 따라하기!② [3] file 깻잎사랑=_=v 2003.04.14
textarea 세로 글쓰기 [1] ZipShin 2003.04.15
이미지 테두리에 점선 두르기 [6] ZipShin 2003.04.15
label태그 아십니까? [6] ZipShin 2003.04.27
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] file 쭘'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