部分地方套用6I的格局:)
而且只修改了CSS
需要修改的地方只有两处:)
打开默认风格的CSS,用下面的代码替换
代码:
html { overflow-x: auto }
body { font-family: Tahoma, Verdana, Georgia, Courier, Simsun; font-size: 9pt; margin: 0px; padding: 0px; color: #555555; background-image: url(<#IMAGE#>/mainbg.gif) }
table,tr,td { color: #040404; 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 #B7C0C7; 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: #666666 }
#wrapper { text-align: left; width: 95%; margin: 0px auto 0px auto }
#header { border-bottom: 1px solid #979797; height: 110px; margin: 0px; padding: 0px }
#headerbg { background-position: right; height: 110px; margin: 0px; padding: 0px; background-repeat: no-repeat }
#logo {background-position: left; background-repeat: no-repeat; cursor: pointer; height: 110px; 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 #3E96D4 }
.pagecurrent { padding: 1px 3px 1px 3px; font-family: Arial; font-size: 11px; font-weight: bold; color: #A1CEED; background-color: #6EAFE2; border: 1px solid #3E96D4 }
.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 #5D6B88 }
#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: #434343; background-color: #F4F4F4; padding-top: 10px; padding-bottom: 3px; padding-left: 12px; padding-right: 10px; font-weight: normal; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #979797; border-left-color: #979797 }
#submenu a:link, #submenu a:visited, #submenu a:active { text-decoration: none; color: #000000 }
#submenu a:hover { margin: 0px; text-decoration: underline; color: #000000; background-color: #E9F1F8 }
#maintable { padding: 12px 6px 10px 10px; background-color: #F4F4F4; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #979797; border-left-color: #979797; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #979797 }
.navlink { border-bottom: 1px solid #B7C0C7; font-weight: bold; padding: 3px 0px 3px 0px; color: #999999 }
.maintitle { font-weight: bold; padding: 4px; color: #FFFFFF; margin: 1px 1px 1px 1px; background-color: #5A98EC; background-image: url(<#IMAGE#>/thead.gif); background-repeat: repeat-x }
#ttable { margin: 0px; background-color: #DDDDDD }
.thead { border: 1px 1px 0px 1px solid #FFFFFF; font-weight: bold; margin: 0px; padding: 6px; color: #FFFFFF; vertical-align: middle; background-color: #5A9EE7; background-image: url(<#IMAGE#>/thead.gif); background-repeat: repeat-x; text-align: left }
.thead a:link, .thead a:visited, .thead a:active { text-decoration: none; color: #FFFFFF }
.tcat { border: 1px solid #B7C0C7; padding: 3px; color: #0E2C43; background-color: #EFEFEF; background-image: url(<#IMAGE#>/tcat.gif); background-repeat: repeat-x }
.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: #F7F8E9; background-image: url(<#IMAGE#>/tcat.gif); background-repeat: repeat-x }
.copyright {
height:30px;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
text-align:right;
text-valign:middle;
padding-right: 6px;
}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: #FFFFF6 }
.row2 { background-color: #FFFFF0 }
.row3 { background-color: #F3F3F3; margin: 3px; padding: 3px }
.row4 { color: #FFFFFF; background-color: #84B5E3 }
.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: #4685C4; background-color: #E9F1F8 }
.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: #E9F1F8 }
.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: #E9F1F8 }
.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: #E9F1F8; 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:12px;
padding-right:20px;
}
然后打开footer模版,用下面的代码替换:
代码:
<div align='center'><p>{$lang['_alltimesare']}{$bbuserinfo['timezone']}. {$lang['_timenowis']}: {$bbuserinfo['timenow']}</p></div>
</div>
<div id='toptable' style='height:30px'>
<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>
OK,这下就搞定了,图片借用了6I的部分图片。需要替换的朋友可以下载图片包覆盖默认风格的图片:)
演示见我签名
此帖由 西子宜 在 2005-07-25 13:48 进行编辑...