在默认风格上修改,把以下代码复制到CSS里面替换:
代码:
html {overflow-x:auto; }
body {font-family:Tahoma, Verdana, Georgia, Courier, Simsun;font-size:9pt;margin:0px;padding:0px;color:#333333;background-color:#F8B8D2; }
table,tr,td {color:#555555;background-color:transparent; }
legend {color:#F8B500; }
form {display:inline;margin:0px;padding:0px;border:0px solid #555555; }
.bginput, select, textarea {font-size:9pt;font-family:Tahoma, Verdana, Georgia, Courier, Simsun;vertical-align:middle;padding:2px;color:black;background-color:#FFFFFF;border:1px solid #7F9DB9;margin:2px; }
input {font-family:Tahoma, Verdana, Georgia, Courier, Simsun;font-size:9pt;color:#555555;font-weight:normal;background-color:#F8F9FC; }
img {vertical-align:middle;border:0px solid #555555; }
fieldset {background-color:transparent; }
a:link, a:visited, a:active {text-decoration:none;color:#000000;background-color:transparent; }
a:hover {text-decoration:underline;color:#465584;background-color:transparent; }
.desc {color:#333333; }
#wrapper {text-align:left;width:96%;margin:0px auto; }
#header {border-bottom:0px solid #B7C0C7;height:80px;margin:0px;padding:0px;background-color:#F8B8D2; }
#headerbg {background-position:right;height:80px;margin:0px;padding:0px;background-color:#F8B8D2;background-image:url(<#IMAGE#>/headbg.gif);background-repeat:repeat-x; }
#logo {background-position:left;background-repeat:no-repeat;cursor:pointer;height:80px;margin:0px;padding:0px;background-color:transparent;background-image:url(<#IMAGE#>/logo.gif); }
#pmnotifywrap {background:#CCACB9;border:1px solid #8A576B; }
#pmnotifytop {background:#633F4D;color:#FFFFFF;padding:3px; }
#pmnotifytitle {background:#754A5B;color:#FFFFFF;padding:3px; }
.pmnotify, .pmnotify a:link, .pmnotify a:visited, .pmnotify a:active {font-weight:bold;background:#8A576B;padding:3px;color:#FFF; }
.pagelink {padding:1px 3px 1px 3px;font-family:Arial;font-size:11px;font-weight:normal;color:#1F4B6A;background-color:transparent;border:1px solid #F5A9C3; }
.pagecurrent {padding:1px 3px 1px 3px;font-family:Arial;font-size:11px;font-weight:bold;color:#000000;background-color:#F7F7F7;border:1px solid #F5A9C3; }
.pagelink a:active, .pagelink a:visited, .pagelink a:link, .pagelinklast a:active, .pagelinklast a:visited, .pagelinklast a:link, .pagecurrent a:active, .pagecurrent a:visited, .pagecurrent a:link, .minipagelink a:active, .minipagelink a:visited, .minipagelink a:link, .minipagelinklast a:active, .minipagelinklast a:visited, .minipagelinklast a:link, {text-decoration:none;font-family:Arial;font-weight:normal;color:#1F4B6A; }
.minipagelink {padding:1px 2px 1px 2px;font-family:Arial;font-size:9px;font-weight:normal;margin-right:1px;color:#000000;background-color:transparent;border:1px solid #F5A9C3; }
#headtitle {background-image:url(<#IMAGE#>/headtitle.gif);background-repeat:repeat-x;height:18px;margin:0px;background-color:transparent;font-color:#797D80;font-weight:bold;padding-top:0px;text-align:middle; }
#submenu {
color:#333333;
background-color:#F7F7F7;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
padding-right:15px;
text-decoration: none;
}
#submenu a:link, #submenu a:visited, #submenu a:active {text-decoration:none;color:#333333; }
#submenu a:hover {margin:0px;text-decoration:underline;color:#333333;background-color:#F7F7F7; }
#maintable {padding:20px 15px;background-color:#F7F7F7; }
.navlink {border-bottom:1px solid #B7C0C7;font-weight:bold;padding:3px 0px 3px 0px;color:#333333; }
.maintitle {font-weight:bold;padding:4px;color:#000000;margin:1px 1px 1px 1px;background-color:#F5A9C3;background-repeat:repeat-x; }
#ttable {margin:0px;background-color:#DDDDDD; }
.thead {
font-weight:bold;
margin:0px;
padding:8px;
color:#000000;
vertical-align:middle;
background-color:#F5A9C3;
text-align: left;
border: 1px solid #FFFFFF;
line-height: 15px;
}
.thead a:link, .thead a:visited, .thead a:active {text-decoration:none;color:#000000; }
.tcat {
padding:3px;
color:#0E2C43;
background-color:#EFEFEF;
border: none;
}
.tcat a:link, .tcat a:visited, .tcat a:active {text-decoration:none; }
.catend {font-size:1px;height:3px;color:#FFFFFF;background-color:#D5E0E8; }
.pformstrip {border:1px 1px 0px 1px solid #FFFFFF;font-weight:bold;margin:1px;padding:3px;color:#000000;background-color:#EFEFEF; }
.copyright {height:30px;font-family:Tahoma;font-size:11px;font-weight:normal;text-align:right;text-valign:middle; }
fieldset.search {padding:6px;line-height:150%; }
label {cursor:pointer; }
img.attach {background-color:#FFFFFF;padding:3px;border:#555555 1px solid;filter:progid;margin:10px; }
li.help {padding-left:20px;margin:2px 0px 2px 0px; }
option.cat {font-weight:bold; }
option.sub {font-weight:bold;color:#555; }
#profilename {font-size:28px;font-weight:bold; }
#ucpmenu {line-height:150%;width:20%;background-color:#F3F4F6;border:1px solid #345487; }
#ucpmenu p {padding:2px 5px 6px 9px;margin:0px; }
#ucpmenu a:link, #ucpmenu a:active, #ucpmenu a:visited {text-decoration:none; }
#ucpcontent {line-height:150%;width:auto;background-color:#F3F4F6;border:1px solid #345487; }
#ucpcontent p {padding:8px;margin:0px; }
.normalname {font-weight:bold;color:#003; }
.unreg {font-weight:bold;color:#900000; }
.row1 {
background-color:#FFFFFF;
}
.row2 {background-color:#F8F8F8; }
.row3 {background-color:#F3F3F3;margin:3px;padding:3px; }
.row4 {color:#FFFFFF;background-color:#F5A9C3; }
.row5 {background-color:#F6F6F6; }
.row1shaded {background-color:#E3DFE7; }
.row2shaded {background-color:#DEDBE4; }
.tablepad {padding:6px;background-color:#FFFFFF; }
.pagelinks {float:left;line-height:1.2em;width:35%; }
.highlight {font-weight:bold;color:#F00;background-color:#FF0; }
.editinfo {font-weight:bold;color:#F5A9C3;background-color:#F7F7F7; }
.time {font-size:11px; }
.button {vertical-align:middle;padding:1px 3px 0px 3px;background-color:#F3F4F5;border:1px solid #B7C0C7;margin:0px; }
.quotetop {width:85%;margin:0px auto 0px auto;font-weight:bold;color:#000000; }
.quotemain {width:85%;border:1px inset #DDDDDD;padding:5px;margin:0px auto 8px auto;color:#465584;background-color:#F7F7F7; }
.codetop {width:85%;margin:0px auto 0px auto;font-weight:bold;color:#000000; }
.codemain {font-family:Courier, Tahoma, Serif, Simsun;width:85%;border:1px inset #DDDDDD;padding:5px;margin:0px auto 8px auto;color:#465584;background-color:#F7F7F7; }
.colorpreview {border:#000000 1px inset;cursor:hand; }
#colorPicker {background:black;left:0px;width:253px;position:absolute;top:0px; }
.colorBg {border:2px outset;background:#eef0f2;color:#001f30; }
#colorFeedback {border:black 1px solid;width:253px; }
#colorFeedback button {width:19px;height:19px; }
#txtColor {border:1px inset;width:70px; }
#colorSurround {border:1px inset;width:66px;white-space:nowrap;height:15px; }
#colorSurround td {width:33px;BORDER-TOP-style:none;BORDER-RIGHT-style:none;BORDER-LEFT-style:none;HEIGHT:15px;BORDER-BOTTOM-style:none; }
#swatches {width:253px; }
#swatches td {background:black;width:11px;BORDER-TOP-style:none;BORDER-RIGHT-style:none;BORDER-LEFT-style:none;height:11px;BORDER-BOTTOM-style:none; }
.editor {border:ridge 1px;background-color:#F0F0EE; }
.editorbar {background:#F0F0EE;border:1px solid #cccccc; }
.editortext {font-size:9pt; }
.editorbutton {font-size:10px;font-family:Sans-Serif;vertical-align:middle;background-color:#FFFFFF;border:1px solid #4C77B6; }
.loanwarn {color:#CC0000;font-weight:bold; }
.posttop {font-family:Verdana, Simsun;font-size:10px; }
.reputation {margin:5px;padding:5px;background-color:#F7F7F7;border:1px dashed #000000;text-align:center; }
.hidetop {width:70%;margin:0px auto 0px auto;font-weight:bold;color:#000000; }
.hidemain {width:70%;border:1px inset #666666;padding:4px;margin:0px auto 8px auto;color:#465584;background-color:#FAFCFE; }
.toptable {
padding-top:10px;
padding-bottom:3px;
padding-left:30px;
padding-right:30px;
}
模版修改footer->footer,用下面的代码替换:
代码:
<div align='center'><br>{$lang['_alltimesare']}{$bbuserinfo['timezone']}. {$lang['_timenowis']}: {$bbuserinfo['timenow']}</div>
</div>
<table cellSpacing="0" cellPadding="0" width="100%" align="center" bgColor="#dbeffb" border="0">
<tbody>
<tr>
<td><img alt="www.jsfans.net" src='./../../&'quot;images/<#IMAGE#>/left.gif" border="0"width="20" height="21"></td>
<td width="100%" background='./../../&'quot;images/<#IMAGE#>/middle.gif"> </td>
<td><img alt="www.jsfans.net" src='./../../&'quot;images/<#IMAGE#>/right.gif" border="0" width="20" height="21"></td>
</tr>
</tbody>
</table>
<div id='toptable' style='height:30px'><br>
<div class='copyright' style='float:right'>
Powered By <strong><a href="http://www.molyx.com" target="_blank">MolyX BOARD {$bboptions['version']}</a> <a href='license.php'>Licensed</a></strong>.Copyright 2004-2005 Molyx Studios
{debug}{$bboptions['cron']}
</div>
<a href='{$bboptions['homeurl']}'>{$bboptions['hometitle']}</a><if="$bboptions['showprivacy']"><if="$bboptions['privacyurl']">
| <a href="{$bboptions['privacyurl']}">{$bboptions['privacytitle']}</a>
<else>
| <a href="misc.php?{sessionurl}do=privacy">{$bboptions['privacytitle']}</a>
</if>
</if>
| <a href="./archive/">{$lang['_archive']}</a>
</div>
</body>
</html>
然后上传图片包至默认风格的文件夹覆盖就可以了。
补充,为什么我喜欢用这种方式发布新风格:
[quote]因为我全部是在默认风格上修改的,而且改动的CSS最多,基本上只要把CSS替换下就可以成为一个新风格了,所以没用安装新风格的形式发布。[/quote]
演示见我签名。以前的6I蓝风格的演示已经没了,请见谅~!