各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > dedecms

织梦默认article_article.htm文章内容部分添加边框

管理员 2014-12-23
dedecms
79
  用织梦默认模板建站时,文章页内容部分没有边框,没有边界,很不美观,如下图红圈处,本文教新手站长通过调整默认的样式来给内容页的内容部分添加边框。
织梦默认article_article.htm文章内容部分添加边框_lazybirdfly.com

1、给“当前位置”一行的两端添加边框。
打开/templets/default/style/page.Css ,找到下面代码

.pleft .place{
width:712px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
border-top:1px solid #BADAA1;
border-bottom:1px solid #BADAA1;
text-indent:12px;
color:#428C5B;
overflow:hidden;
}

改成下面代码
.pleft .place{
width:710px;
height:24px;
line-height:24px;
background:transparent url(../images/green_skin.png) repeat-x scroll 0 -188px;
text-indent:12px;
color:#428C5B;
overflow:hidden;
border: 1px solid #BADAA1;
}

改完后,当前位置两端边框添加完成,如下图:
织梦默认article_article.htm文章内容部分添加边框_lazybirdfly.com

#p#副标题#e#

2、给文章部分添加边框
同样在page.Css中找到如下代码:
.viewbox{
width:712px;
overflow:hidden;
padding-bottom:8px;
}

改成下面代码:
.viewbox{
width:710px;
overflow:hidden;
padding-bottom:8px;
border: 1px solid #BADAA1;
}

这样内容部分的边框添加完成,如下图:
织梦默认article_article.htm文章内容部分添加边框_lazybirdfly.com

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

扫码关注

qrcode

QQ交谈

回顶部