1.选定风格。这可以在原8.2的模板中选定一个风格、色彩满意的模板,下载下来,取出其中的CSS文件和图片文件。 / a1 L, S: t. t2 v0 W# q/ K" f
2.修改和CSS文件。 & s- L* R3 a4 \& ]% o. \9 A
(1)找到原8.2的CSS文件中的 2 K: y1 B2 f) @" Q$ n2 ~, ~
/*帖子列表、正文样式*/ .tableborder { background:#fff; border:1px solid #6595d6; } 修改为: ( S! Z5 \, O2 W% ]9 R3 f6 i$ ?
/*帖子列表、正文样式*/ .tableborder { background:#ffffff; border:1px solid #C0C0C0;width:100%; } (2)在刚才修改过的CSS文件的最后,加上以下代码: P3 B8 I! q" }$ ~" E
.newlogo { display:block;height:60px;width:200px; background:url("default/logo.gif") no-repeat;} .newlogo img { display:none;} .newtopic {color:#ddd; font-size:10px;} .newtopic small {font-size:10px;} .time {display:block;width:45px;float:left;text-align:right;color:#080;} .greyline {background:#f6f6f6;line-height:24px;border-bottom:1px solid #ddd; color:#999;} #newborder {border:1px solid #fff !important;}
6 g; R1 ^6 e9 ]$ z2 s) p* Y.isbestcss{position:absolute;margin-top:25px;width:150px;height:150px;margin-left:-160px;background:url('jht.gif') no-repeat; } .tableindexdy {border:1px solid #b8cfdb;background:#fff;} .tableindexdy ul li {line-height:24px; padding-left:20px; border-bottom:1px dotted #eee;background:url('default/arrow_02.gif') no-repeat 10px center;} /*首页右边部分*/ .page_left3 li {text-align:left;} .page_left3 li p {margin:0px !important;display:block;line-height:18px;height:18px;}
( h g( j# U5 Q( v2 K/*首页右边部分*/ .page_right { width:220px; float:right; background:#fff; } .page_right ul { width:220px; border:1px solid #C6D2E3; margin-bottom:10px; }
1 r: L7 b( x" G7 s+ G
/*弹出窗口*/ #openwindow_login {float:none; font-weight:bold; padding:0px;} .CommonModal { border:10px solid #A4CFFF; background: #eeeeee; } .CommonModalTitle { background: #FFFFFF; border-style: solid; border-width: 0px; border-bottom-width: 1px; color: #ffffff; font-family: Arial, Helvetica; font-size: 110%; font-weight: bold; margin: 0px; height: 1.3em; position: relative; z-index: 203; cursor: move } .CommonModalClose { width: 33px; height: 15px; overflow: hidden; float: right; } .CommonModalContent { background: #ffffff; } .CommonModalFooter { border-style: solid; border-width: 0px; border-color: #FFFFFF; } .CommonModalResize { width: 14px; height: 14px; background: url("../images/resize.gif"); background-repeat: no-repeat; overflow: hidden; float: right; cursor: se-resize; } .CommonModalMask { background-color: #666; width: 100%; height: 100%; left:0; top:0; /*FF IE7*/ filter:alpha(opacity=50);/*IE*/ opacity:0.5;/*FF*/ z-index:1; position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ } #modalClose a.down_pop_close { display:block; text-indent:-9999px; height:15px; width:15px; overflow:hidden; position:absolute; right:10px; bottom:0px; background:url(../images/pop_close.gif) left top no-repeat;margin-top: 10px;} #modalClose a.down_pop_close:hover { background:url(../images/pop_close_hover.gif) left top no-repeat;margin-top: 10px;} .win {margin: 0;width:99%;} 5 K2 S7 ?1 G, |8 o$ `! u
3 q3 U0 G0 s1 ^$ ]这样,就改成了8.3的CSS文件。
4 k; o1 y( J- H" I3.修改顶部表格: - u# P4 @% L$ _* W: c7 d' }4 u8 u) P
用网页编辑工具,如FORNTPAGE,编辑动网模板包中的pub_html4.htm,至你所需要的效果。
3 V+ I" U3 a" e; a# L( J4.修改尾部表格:
# X3 ^8 R+ X! N' ?& O, Y( O4 }用网页编辑工具,如FORNTPAGE,编辑动网模板包中的pub_html8.htm,至你所需要的效果。 6 J- R0 p# n$ k
5.修改首页布局: 0 C9 Z: N V5 D5 B/ R, Q& q
用网页编辑工具,如FORNTPAGE,编辑动网模板包中的index_html0.htm、index_html1.htm中的版面列表布局和版面精简布局部份,至你所需要的效果。 9 i3 q# X7 {# Y9 r. x% H' A: _: F$ K
6.修改pub_html1.htm中的CSS文件名称为你刚才改好的CSS文件名称。 " |6 {; P$ p6 b: S# Q; ^) P7 H
这样一个模板就算做好了。 6 u% ~1 R. c& I5 q' n) M
, ], e5 i; T! Q! K6 }0 n2 E |