免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[已回答] 这个风格,我的新论坛只能做到这个水平

http://355112.haotui.com
原论坛效果

因为我们的免费论坛没有提示这个water3风格效果,所以只能自己模仿,新论坛效果:
http://355112.weclub.info

新论坛没有达到的效果,LOGO与导航栏联结的背景图,Banner的高度,导航栏的按钮效果。

请高手帮忙!

您好
請您參考 章魚站長的回覆
樣式設定問題您可以至技術交流區
該版塊有許多代碼及模板高手 您可以在版塊中找到您想要的答案

TOP

  1. body { background: #3673a9 url({STYLEIMGDIR}/body_bg.png) repeat-x;} #header { background: #8dc8e3 url({STYLEIMGDIR}/header_top_bg.png) repeat-x; border:none; } #header .wrap { padding:0; margin:0 auto; background: #8dc8e3 url({STYLEIMGDIR}/header_bg.png) repeat-x; } #header h2 a { display:block; height:144px; width:400px; background: url({STYLEIMGDIR}/logo.png) no-repeat 0 0; } #ad_headerbanner {margin-top: 35px;} #nav { background: #a6d4e9 url({STYLEIMGDIR}/nav_bg.png) no-repeat 0 0; font-weight:bold; font-size: 14px; height:36px; overflow:hidden; padding: 0px;} #style_switch { margin-right: 34px; bottom: -22px; } #sidebar_img { float: right; display: inline; background: url({STYLEIMGDIR}/sidebar_toggle.png) no-repeat; color: {HIGHLIGHTLINK}; position: relative; z-index:998; margin: 0; height:40px; padding-left: 90px; width:65px;border:0px solid red; } .collapsed_no:hover { background-position: left -80px !important; text-decoration: none; } .collapsed_yes { background-position: left -160px !important; } .collapsed_yes:hover { background-position: left -240px !important; text-decoration: none; } .content { background: #fff url({STYLEIMGDIR}/main_bg.png) repeat-x; } .content .list { border-top: 2px solid #d5e5f4; } .content .list h3 { line-height: 38px; font-size: 14px; background: #f6fbfe url({STYLEIMGDIR}/h3_bg.png) no-repeat;} .list th.new { background-image: url({STYLEIMGDIR}/forum_new.gif); } .postbtn { background-image:url({STYLEIMGDIR}/newtopic.gif); } .replybtn { background-image:url({STYLEIMGDIR}/reply.gif); } #online h3 { font-size: 1em; } #online h3 strong { font-size: 14px;} #menu { height: 30px !important; height: 32px; padding-right: 0px; margin-bottom: 0;} #menu li, #menu a { height: 28px; border: none; display: block; line-height: 28px; background: url({STYLEIMGDIR}/menu_btn.png) no-repeat left -84px;} #menu a { background: url({STYLEIMGDIR}/menu_btn.png) no-repeat 100% -56px ; } #menu a:hover { border-color: none; background-color: transparent; color: {MENUHOVERTEXT}; } #menu .current { background: url({STYLEIMGDIR}/menu_btn.png) no-repeat left -28px; } #menu .current a { background: url({STYLEIMGDIR}/menu_btn.png) no-repeat top right; } #menu a.dropmenu { background: url({STYLEIMGDIR}/menu_btn.png) no-repeat 100% -140px ; height: 27px;}         #menu a.dropmenu: hover { background: url({STYLEIMGDIR}/menu_btn.png) no-repeat 100% -112px ; } .shadowline { *margin: 2px 0; border-width: 1px 0; border-top-color: #cfe5f5; border-bottom-color: #eaf3f9; } .side .shadowline { margin: 5px 0; *margin: 2px 0; } .side { background: url({STYLEIMGDIR}/side_bg.png) no-repeat;} #sidebar { background: transparent;} .side_type { height: 24px; border-bottom: 0px solid #C8DCEC; margin: 0 4px; } .side_type h4 { float: left; cursor:pointer; margin: 2px 0 0 0; height: 22px; line-height: 22px; padding: 0 4px; border: none; border-left: 1px solid #e0effa; border-right: 1px solid #e0effa; font-weight: 300; color: {HIGHLIGHTLINK}; background: #c5e0f5;} .side_type h4.ontype { margin: 0; height: 24px; border: 1px solid #7ebddd; background: #9ed0e7; font-weight: 700; color: #fff } .list td, .list th { border-top: 1px dotted {COMMONBORDER}; } div.profile_side { background: url({STYLEIMGDIR}/main_bg.png) repeat-x; padding: 20px 0 0 20px;} #footer { padding: 0; margin: 1px 0 0; width:auto !important; width: 100%; text-align: center;} .footer_left { background: url({STYLEIMGDIR}/footer_top_left.png) no-repeat top left; } .footer_bg { background: url({STYLEIMGDIR}/footer_top_right.png) no-repeat top right; padding: 20px 0;} .ad_text { margin:0 auto; background: #a6d5e9;}
複製代碼
这是他的CSS_append文件
章鱼之家代码站
 
 
 
 
 

TOP

直接去把CSS复制过来不就行了咩
章鱼之家代码站
 
 
 
 
 

TOP

好眼熟呀,以前我再5d6d好像也用了这个,陪你等高手。

TOP

返回列表