站长之家 - 轻松建站从此开始!

站长网 - 站长之家 - 中国站长站

当前位置: 主页 > 编程设计 > 教程 >

dedecms文章内容页面怎么添加边框

时间:2013-06-22 18:24来源:站长之家 作者:admin 点击:
DEDECMS模版默认的是没有边框的,对于没有边框的文章看上去感觉比较乱。给文章页面加上边框后总体感觉整体大方。其实修改也很简单。主要是改一下css代码。其实dedecms的好多风格样式都是在css里面的。大家可以用google或者是360极速浏览器来查看具体要求代码找到相应的css来进行修改的。下面把详细的方法告诉大家。对于修改方法如有不明白的可以随时与我联系。
 
第一步:找到您的网站css文件:templets\style\page.css 找到这个文件后,用dreamware或者记事本打开,查找到page.css文件中的如下代码:
 
/*---------- viewbox ---------*/ 
.viewbox{ 
width:712px; 
overflow:hidden; 
padding-bottom:8px; 
 
第二步:把上面的代码修改成如下代码: 
 
/*---------- viewbox ---------*/ 
.viewbox{ 
width:710px; 
overflow:hidden; 
padding-bottom:8px; 
border:1px solid #BADAA2; 
 
最后保存page.css打开文章页面就可以看到您的文章上下左右的边框了。
上面的是最简单的一种方法。其实主要加上了这句代码border:1px solid #BADAA2; 
下面解释一下: #BADAA2这个是颜色代码,就是控制边框颜色 border:1px 这个是控制边框的粗细的。
width:710px;此处改为710的原因是为了留出2px的地方来显示右边边框,否则右边是没有边框的,被挡到了这点是需要注意的地方。
以上您可以根据您的网站风格再做相应调整,达到更满意的效果。其实主要是针对css文件的更改。
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片