楼层间隔楼层隔开楼层分开美化8.5|phpwind 模板风格 - phpwind 官方论坛

离线一只船的港

五星会员

发帖: 5041

金钱: 498

威望: 1344

只看楼主倒序阅读使用道具楼主发表于: 2011-07-16

站长之星”杯“站长营运”原创征文比赛

多写几个关键词方便以后搜索

搜了下以往的帖子求的人很多答案没有演示江阴论坛 http://jybbs.com/read.php?tid=34892

刚看了391534557 跟蚂蚁的论坛整理一下

找到风格的css

复制代码

/*帖子楼层结构*/
.floot{ table-layout:fixed;}
.floot_left{width:160px;background:#f4fafe;border-right:1px solid $tdcolor; vertical-align:top;}
.floot_leftdiv{padding:10px 10px 50px 15px;}
.floot_right{background:$forumcolorone;padding:10px 20px 0;vertical-align:top;}
.floot_bottom{vertical-align:bottom;padding:0 20px;}
.readTop{background:#f4fafe;}

修改成

复制代码

/*帖子楼层结构*/
.floot{ table-layout:fixed;}
.floot_left{width:165px;background:#f4fafe;border-right:1px solid #d5e6ed; vertical-align:top;}
.floot_leftdiv{padding:10px 10px 50px 15px;}
.floot_right{background:#ffffff;padding:10px 20px 0;vertical-align:top;}
.floot_bottom{vertical-align:bottom;padding:0 20px;}
.readTop{background:#f4fafe;border:1px solid #c0d8ee;}
.read_t{border:1px solid #c0d8ee; margin-bottom:5px;}
/*楼层间*/
.flootbg{background:$tdcolor;height:4px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
可以去掉

个人信息的背景颜色线条颜色都自己调这是我论坛的风格颜色

修改到这里大致上可以了但是会跟图片上那样有条边

这个是pw_content 冲突了

参考这段代码（我这个是官方默认风格的css）

复制代码

/*中间内容*/
.main-wrap{margin-bottom:10px;}
#pw_content{background:$forumcolorone;border:1px solid #c0d8ea;border-top:2px solid #065792;}
.t{border:1px solid $tablecolor;padding:1px;_display:inline-block;margin-bottom:10px;background:$forumcolorone;}
.tTable{margin:0 10px;}
#pw_content .t{border:0;padding:0;}

新建一个

复制代码

/*楼层间隔*/
.main-wrap{margin-bottom:10px;}
#pwread_content{background:$forumcolorone;border:1px solid #fff;border-top:2px solid #065792;}
.t{border:1px solid $tablecolor;padding:1px;_display:inline-block;margin-bottom:10px;background:$forumcolorone;}
.tTable{margin:0 10px;}
#pwread_content .t{border:0;padding:0;}

就是把 pw_content 改成pwread_content

然后风格里read.htm 修改

<div id="pw_content" class="mb10">

为

<div id="pwread_content" class="mb10">

#pw_content{background:$forumcolorone;border:1px solid #fff

改成白色后读贴页面就没有边框了

但是主题列表跟首页也没有边框所以新建一个 pwread_content

共9条评分，威望+28

wurry	威望 +2	你是我偶像	2011-10-02
ptvod	威望 +2	一点都不哆嗦，很好收下了	2011-09-14
pdang	威望 +3	原来我还是可以加分的！	2011-09-09
byf1212	威望 +3	你懂的！	2011-07-20
wee	威望 +1	谢谢分享	2011-07-19
q626349123	威望 +1	多年来第二次加分，给你，谢谢你分享！	2011-07-18
叶子不哭	威望 +5	不顶不舒服斯基	2011-07-16
391534557	威望 +1	我做了一个艰难的决定加点分给你	2011-07-16
忧伤の木蚂蚁	威望 +10	优秀文章-欢迎进行技术分享，感谢你的支持！	2011-07-16