phpwind论坛简洁灰色皮肤
这个皮肤是基于phpwind官方默认模板wind修改的,连文件都没改变,只是在后台编辑风格下自定了css样式之类,并使用了广告管理插件和自定义导航插件。顶部的图片调用完全是手动的,但也不算很麻烦,这样对站点图片展示也比较有针对性。综合说,所有效果,都不需要修改模板、程序等文件,后台完成即可。
在后台编辑wind风格,参考设置如下:表格内部样式(竖线)、表格宽度(960px)、头部和尾部表格宽度(98%),其它不变。到最底部,自定义css样式处,写上以下css:
.head-wrap{background:#ececec} .logo{margin:18px 0 0 0}#nav-user{border:none} .mode-main-right{background:#fff;border:1px solid #818181} a{color:#818181} .h{background:none} .tr3 td, .tr3 th{border-right:1px solid #DDDDDD;border-bottom:1px dotted #DDDDDD;} .p10{background:#f3f3f3} .t5{border:1px solid #818181} .startbar-ui{background:#f3f3f3} #set-side-wrap {background:#F3F3F3 none; border:1px solid #818181;} #set-content{border:1px solid #818181} #set-side{background:#f3f3f3;border:1px solid #818181} #set-content-wrap{background:#FFFFFF none repeat scroll 0 0;} #ypic img{width:15.5%;height:100px;padding:2px;border:1px solid #dddddd;margin:4px 0 0 0} #main .sigline{height:7px;margin-right:0;} #nav-operate{float:right;width:700px} #nav-operate a{width:700px;} #nav-operate p{display:none} #nav-operate img{height:80px;width:650px;float:right;margin:0} #nav-operate td{padding:0.5em} #main #u-wrap{background:none;} #main #u-wrap2{background:#fff;margin:15px auto 0;border:1px solid #818181;} #main #u-portrait{background:#fff} #main #u-top-nav li.current a{border:1px solid #818181;} .r_two .user-pic img{background:none;border:none} #main .sigline{height:10px;width:755px;background:transparent url(images/wind/read/sigline.gif) no-repeat scroll 300px 0; border-bottom:1px dashed #CCCCCC;}#main #set-content{margin-left:180px;}在广告管理插件里,建一个类型为navbanner的广告位(导航通栏),展现方式为代码,在下面广告代码处写:
<div id="ypic"> <span><a href=""><img src="" alt=""></a></span> <span><a href=""><img src="" alt=""></a></span> <span><a href=""><img src="" alt=""></a></span> <span><a href=""><img src="" alt=""></a></span> <span><a href=""><img src="" alt=""></a></span> <span><a href=""><img src="" alt=""></a></span> </div>
一共可放6张图及它们对应的链接网址,里面的图和网址自己补上。至于自定义导航插件,只是用来放顶部广告图的,没特别设置,就不多说了。整体效果图如下:
不知道为啥,看不到你那图片~~