다운팁

시지니님 다운팁의 레이아웃 css입니다.

* { padding: 0; margin: 0; border: 0;}
ul,li {list-style:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
body {
 font-family: '굴림', arial;
 font-size: 13px;
 background:#eee;
}
#dtwrapper { 
 margin: 0 auto;
 width: 970px;
}
#dtfaux {
 background: url('http://downtip.com/layoutimg/faux-1-2-col.gif');
 background-position:10px 0px;
 background-repeat:repeat-y;
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}
#dttop {
background: url('http://downtip.com/layoutimg/bg_top.gif');
background-repeat:no-repeat;
height:34px;
margin-top:10px;
margin-left:10px;
}

#dttopleft { float:left; width:200px;font-size:4pt;padding:14px 0px 0px 20px;color:#777;}
#dttopleft a {font-size:8pt;color:#555;}
#dttopright { float:right; width:310px;font-size:8pt;color:#555; margin:10px 20px 0px 0px;}
#dtheader {
 color: #333;
 width: 970px;
 height: 100px;
 background: url('http://downtip.com/layoutimg/bg_head.gif');
 background-repeat:no-repeat;
}
#dtnavigation {
 color: #333;
 margin: 0px 0px 0px 10px;
 height:20px;
 background: url('http://downtip.com/layoutimg/bg_nevi.gif');
}
#dtleftcolumn { 
 display: inline;
 color: #333;
 margin-left:35px;
 padding: 0px;
 width: 190px;
 float: left;
 position: relative;
}
#dtrightcolumn { 
 float: right;
 color: #333;
 margin:0px 35px 0px 25px;
 padding: 0px;
 width: 680px;
 display: inline;
}
#dtfooter { 
 width: 970px;
 clear: both;
 color: #333;
 background: url('http://downtip.com/layoutimg/bg_foot.gif');
 background-repeat:no-repeat;
 height:40px;
 margin: 0px 0px 0px 10px;
}

#dtfootinfo {font-size:8pt;text-align:right;padding-right:20px;color:#777}
.clear { clear: both; background: none; }

#dtlogo {width:320px;height:80px;float:left;padding-left:30px;padding-top:10px;}
#dtsearch {width:220px;float:left;padding-left:60px;padding-top:34px;}
#dtheadmenu {width:300px;float:right;padding-top:23px;}
#dtheadmenu ul {display:inline;}
#dtheadmenu li {display:inline;padding-left:34px;}

#dtleftcolumn ul {padding:0px 25px;}
#dtleftcolumn li {padding:3px 0px 3px 30px;border-bottom:1px dashed #b0ac71;background:url('http://downtip.com/layoutimg/ic_cate.gif');background-repeat:no-repeat;background-position:19px 7px;}
#dtleftcolumn a {color:#555;}
#dtleftcolumn a:hover {color:#ff4e00;}

#dttbloca {position:fixed;_position:absolute;left:10px;top:10px; width:30px;_z-index:1;}
#dttbloca a {display:block;margin-bottom:3px;}

댓글 3

따운
혹시 다른 분이 알지도 몰라서 이렇게ㅋㅋㅋ
따운
별로 깔끔하게 정리하고 쓰는편이 아니라 보기 매우 지저분하실거에요.
순서도 없고 ㄷㄷ
따운
테스트
목록
자유게시판 게시글 목록
번호제목글쓴이날짜
1998 출첵 잼나네요 ㅋ (3) 시지니
1997 토론게시판에 떡밥하나 던져놨습니다~ (3) 따운
1996 와!!! (4) 그녕
1995 다운팁 개설부터 지금까지 (6) 따운
1994 시지니님 다운팁의 레이아웃 css입니다. (2) 시지니
1993 시지니님 다운팁의 레이아웃 css입니다. (3) 따운
1992 정말 미스테리네요.... (4) 따운
1991 빨리 완성되길~ (1) 시지니
1990 홈페이지 변경 ㅊㅊㅊ (1) 놀러와유
1989 와우 홈페이지가 변했네요!! (3) 박휘순
1988 당분간 사이트 좀 맞춰가면서 할게요ㅠ (8) 따운
1987 일정을 너무 무리하게 잡은듯ㅠ (9) 따운
1986 다운팁!! 언제 새로운 모습을 볼 수 있을까요?? (7) 행복의문
1985 사이트 현재까지 어떤가요? (4) 따운
1984 김철이 (3) 외국살음정액좀
1983 상단 배너요? (4) Amen
1982 지금 만들고 있는 작업물입니다. (7) 따운
1981 홈페이지 디자인은 언제나 어렵군요. (4) 따운
1980 요금 글들은 대부분..톰파일이네요 (8) 시지니
1979 톰파일 보너스 포인트 관련 (11) k02092000