TR은 한 번만 나눠 주고 TD로만 분류를 해 줘야 한다.
CSS 쪽에 DIV값도 잡아줘야 하는 거 잊으면 금물.
가려둔다
1. MAIN
<CENTER>
<DIV ID=BODY1>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=940 ALIGN=CENTER>
<TR><TD ALIGN=LEFT VALIGN=BOTTOM> <IMG SRC=http://md.egloos.com/skn/img/a/01/01/8/barcode.gif WIDTH=71 HEIGHT=22 HSPACE=3 BORDER=0 ALIGN=ABSBOTTOM></TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM>
<DIV CLASS=USERMENU><a title="Who is GONS?" href="PROFILE |
</TABLE>
<DIV ID=BODY2>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=930 VALIGN=TOP>
<TR><TD WIDTH=160 VALIGN=TOP>
<DIV ID=LEFT>
<DIV CLASS=PROFILE><CENTER><$logoimage type=1$></CENTER><$description$><$nick$></DIV>
<$calendar type=1$>
<DIV CLASS=MN_L><$menuleft$></DIV>
<CENTER><$banner type=1$>
<$xml$></center>
</DIV>
</TD>
<TD WIDTH=600 VALIGN=TOP>
<DIV ID=TOP>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$egloourl$></DIV>
<DIV CLASS=POST>
<DIV CLASS=POST_HEAD>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=580>
<TR><TD WIDTH=100% ALIGN=LEFT><DIV CLASS=POST_TTL><center>알리는 말씀</center></DIV></TD></TR>
</TABLE>
</DIV>
<a href="①
</DIV>
<DIV ID=CENTER>
<$post$>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100% HEIGHT=30>
<TR><TD ALIGN=RIGHT WIDTH=45%><$prepage type=8$></TD>
<TD WIDTH=10%></TD>
<TD ALIGN=LEFT WIDTH=45%><$nextpage type=8$></TD></TR>
</TABLE>
</DIV>
<TD VALIGN=TOP>
<DIV ID=RIGHT>
<DIV CLASS=MN><$menuright$></DIV>
</DIV>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</DIV>
<DIV ID=BOTTOM></DIV>
</DIV>
</CENTER>
2. CSS
/* A01016 CSS 1번 */
BODY { BACKGROUND : #FFFFFF; MARGIN : 0; PADDING : 0; }
BODY,TD,DIV,LI { FONT-FAMILY : APPLEGOTHIC,굴림,SANS-SERIF; FONT-SIZE : 9PT; COLOR : #333; LINE-HEIGHT : 150%;}
A:LINK { COLOR: #004C83; TEXT-DECORATION: NONE }
A:VISITED { COLOR: #004C83; TEXT-DECORATION: NONE }
A:ACTIVE { COLOR: #004C83; }
A:HOVER { COLOR: #3F4608; TEXT-DECORATION: UNDERLINE }
DIV#BODY1 {
WIDTH : 970PX;
BACKGROUND : #E8E8E8;
MARGIN : 5PX;
PADDING : 7PX 20PX;
}
DIV#BODY2 {
BACKGROUND : #F4F4F4;
MARGIN : 2PX;
BORDER : 2PX SOLID #424242;
}
DIV#LEFT {
}
DIV#CENTER {
}
DIV#RIGHT {
}
DIV#BOTTOM {
WIDTH : 760PX;
PADDING : 0PX 0PX 10PX;
BACKGROUND-IMAGE : URL(http://md.egloos.com/skn/img/a/01/01/8/copyright_1.gif);
}
DIV.HEADER {
WIDTH : 600PX;
PADDING : 35PX;
BACKGROUND : #565656;
MARGIN : 3PX ;
FONT-FAMILY : TAHOMA,HY견고딕;
FONT-SIZE : 18PT;
LINE-HEIGHT : 110%;
FONT-WEIGHT : BOLD;
TEXT-ALIGN : CENTER;
}
DIV.HEADER A:LINK {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
DIV.URL {
WIDTH : 600PX;
PADDING : 7PX;
BACKGROUND-IMAGE : URL(http://md.egloos.com/skn/img/a/01/01/8/line_1.gif);
MARGIN : 3PX ;
FONT-FAMILY : 고딕,TAHOMA ;
LETTER-SPACING : 1PX;
FONT-SIZE : 10PT;
LINE-HEIGHT : 110%;
FONT-WEIGHT : BOLD;
TEXT-ALIGN : RIGHT;
}
DIV.URL A:LINK {COLOR: #FFF; TEXT-DECORATION: NONE}
DIV.URL A:VISITED {COLOR: #FFF; TEXT-DECORATION: NONE}
DIV.URL A:HOVER {COLOR: #FFF; TEXT-DECORATION: NONE}
DIV.USERMENU {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 8PT;
PADDING-BOTTOM : 0PX;
TEXT-ALIGN : RIGHT;
}
DIV.USERMENU A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #98A6E4; TEXT-DECORATION: UNDERLINE}
DIV.PROFILE {
WIDTH : 160PX;
BACKGROUND : #414141;
LINE-HEIGHT : 150%;
MARGIN : 1PX 5PX;
PADDING : 5PX;
COLOR : #FFFFFF;
OVERFLOW : HIDDEN;
}
DIV.MN {
WIDTH : 163PX;
MARGIN : 3PX 0PX 5PX;
PADDING : 0PX 0PX 3PX 3PX;
LINE-HEIGHT : 150%;
}
DIV.MNTTL {
WIDTH : 155PX;
BACKGROUND : #7B7B7B;
FONT-FAMILY : VERDANA, 굴림;
FONT-WEIGHT : BOLD;
PADDING : 2PX 5PX 0PX 5PX;
COLOR : #FFF;
}
DIV.MNBODY {
WIDTH : 155PX;
BORDER : 1PX SOLID #7B7B7B;
PADDING : 10PX 5PX;
}
DIV.MN_L {
WIDTH : 160PX;
LINE-HEIGHT : 150%;
MARGIN : 1PX 5PX;
}
DIV.MNTTL_L {
WIDTH : 160PX;
PADDING : 2PX 5PX 0PX 5PX;
BACKGROUND : #7B7B7B;
FONT-FAMILY : VERDANA, 굴림;
FONT-WEIGHT : BOLD;
COLOR : #FFF;
}
DIV.MNBODY_L {
WIDTH : 160PX;
BORDER : 1PX SOLID #7B7B7B;
PADDING : 10PX 5PX;
}
DIV.POST {
BORDER : 1PX SOLID #CECECE;
BACKGROUND : #FFFFFF;
PADDING : 15PX 10PX 30PX 10PX;
MARGIN : 2PX;
MARGIN-BOTTOM : 8PX;
}
DIV.POST_HEAD {
MARGIN : 10PX 0PX 15PX;
}
DIV.POST_BODY {
WIDTH : 580PX;
MARGIN-TOP : 3PX;
MARGIN-BOTTOM : 30PX;
LINE-HEIGHT : 150%;
BORDER : 1PX #000;
OVERFLOW : HIDDEN;
}
DIV.POST_BODY A:LINK {BORDER-BOTTOM: 1PX DOTTED #666666}
DIV.POST_BODY A:VISITED {BORDER-BOTTOM: 1PX DOTTED #666666}
DIV.POST_BODY A:ACTIVE {BORDER-BOTTOM: 1PX DOTTED #666666}
DIV.POST_BODY A:HOVER {TEXT-DECORATION: NONE; BORDER-BOTTOM: 1PX SOLID #003366}
DIV.POST_TTL {
FONT-SIZE : 9PT;
COLOR : #5D4D00;
FONT-WEIGHT : BOLD;
}
DIV.POST_TAIL {
FONT-FAMILY : VERDANA, TAHOMA, 돋움;
FONT-SIZE : 11PX;
MARGIN-TOP : 10PX;
TEXT-ALIGN : RIGHT;
LINE-HEIGHT : 170%;
}
DIV.COMMENT {
MARGIN : 40PX 0PX 0PX;
BORDER : 1PX #D3D3D3 SOLID;
BACKGROUND : #FFFFFF;
PADDING : 10PX 15PX;
}
DIV.COMMENT_BODY {
MARGIN : 6PX 0PX 20PX;
LINE-HEIGHT : 140%;
}
DIV.COMMENT_TAIL {
MARGIN : 8PX 0PX 5PX;
FONT-FAMILY : VERDANA, TAHOMA, 돋움;
FONT-SIZE : 8PT;
COLOR : #777;
}
DIV.COMMENT_INPUT {
MARGIN-TOP : 20PX;
BORDER-TOP : 1PX #AAA DOTTED;
PADDING-TOP : 20PX;
}
DIV.COMMENT_LINE {
BORDER-TOP : 1PX #AAA DOTTED;
MARGIN : 10PX 0PX 15PX;
}
DIV.TRACK_TOP {
LINE-HEIGHT : 170%;
}
DIV.ARCHIVE_HEAD {
FONT-WEIGHT : BOLD;
MARGIN-BOTTOM : 10PX;
}
DIV.ARCHIVE_BODY {
MARGIN : 20PX 0PX;
LINE-HEIGHT : 160%;
PADDING-BOTTOM : 100PX;
}
IMG.IMAGE_TOP {
MARGIN-BOTTOM : 15PX;
}
IMG.IMAGE_LEFT {
MARGIN-RIGHT : 15PX;
MARGIN-BOTTOM : 10PX;
}
IMG.IMAGE_RIGHT {
MARGIN-LEFT : 10PX;
MARGIN-BOTTOM : 10PX;
}
IMG.IMAGE_MID {
MARGIN-TOP : 15PX;
MARGIN-BOTTOM : 15PX;
}
IMG.BOOKMK {
MARGIN : 10PX;
BORDER : 0PX;
}
IMG.USERMENU {
MARGIN-LEFT : 8PX;
}
IMG.LOGO {
MARGIN-BOTTOM : 10PX;
}
DIV.BANNER {
MARGIN : 20PX 10px 10px;
}
DIV.BANNER_WIK {
MARGIN : 15PX 0PX 15PX;
}
.SMALL {
FONT-SIZE : 11PX;
}
.DATE {
FONT-FAMILY : VERDANA, TAHOMA, 돋움;
FONT-SIZE : 8PT;
FONT-WEIGHT : BOLD;
}
.TIME {
FONT-FAMILY : VERDANA, TAHOMA, 돋움;
FONT-SIZE : 8PT;
TEXT-ALIGN : LEFT;
}
.AUTHOR {
FONT-SIZE : 9PT;
FONT-WEIGHT : BOLD;
}
.TXTFLD {FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:WHITE}
DIV.CAL_TOP {
}
DIV.CAL {
WIDTH : 160PX;
MARGIN : 5PX;
PADDING-BOTTOM : 10PX;
BORDER : 1PX SOLID #CECECE;
TEXT-ALIGN : CENTER;
BACKGROUND : #FFFFFF;
}
DIV.CAL_HEAD {
WIDTH : 150PX;
FONT-SIZE : 8PT;
FONT-FAMILY : VERDANA;
TEXT-ALIGN : CENTER;
PADDING-TOP : 4PX;
PADDING-BOTTOM : 4PX;
MARGIN-BOTTOM : 10PX;
}
DIV.CAL_BODY {
WIDTH : 150PX;
TEXT-ALIGN : CENTER;
BACKGROUND : #FFFFFF;
}
DIV.CAL_BOTTOM {
}
.CAL {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 7PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}
.CAL_DAY {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}
.CAL_SUN {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
COLOR : #D36654;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}
.CAL_SAT {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
COLOR : #3572A1;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}
.CAL_TODAY {
FONT-FAMILY : VERDANA, 돋움;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
BACKGROUND : #FFFFFF;
COLOR : #3D5586;
TEXT-ALIGN : CENTER;
}
.CAL_TR {BACKGROUND : #FFFFFF;}
DIV.XML {
TEXT-ALIGN : CENTER;
FONT-SIZE : 8PT;
FONT-FAMILY : VERDANA;
MARGIN-BOTTOM : 80PX;
}
/* 코멘트 입력 폼 */
div.commet_input table { width: 535px !important;}
div.comment_input textarea { width: 535px !important; height: 200px !important; }
'IT > 각종 TIP' 카테고리의 다른 글
| 국제 전화 요금 최고로 싸게 걸기 (한국↔해외) (8) | 2006/09/05 |
|---|---|
| 일본 이모티콘 (1) | 2006/08/24 |
| 페이퍼 최종 스킨 소스 (0) | 2006/07/17 |
| 메인 Coming soon 소스 (0) | 2006/07/17 |
| 페이퍼 스킨에 공지사항 달기 (3) | 2006/06/21 |
| 스킨 수정 (0) | 2006/03/31 |
Posted by GONS
