最新公告
  • 欢迎您光临云梦下载网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 怎样修改DedeCMS文章正文的显示样式

    安装DedeCMS后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式。
     
    之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签,DIV标签里面也没有P标签,可能是因为编辑器的原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,导致我们看到的都是分行,而没有段落。
     
    其正文对应的CSS文件目录位置在:\templets\default\style目录下面的Page.css文件里 
     
    里面具体的CSS内容为
     
    .viewbox .content{
         font-size:14px;
         padding:12px 16px;
         line-height:25px;
         color:#333;
         }
     
    要想改变其正文的显示效果,比如增加段落缩进,加大段落间距等,可对文章正文的P标签进行适当的CSS样式控制。
     
    我们可以这样做:
     
    第一步,确认正文内容包含P标签
     
    在文章的编辑页面,点击编辑器左上角的“源码”命令,查看一下正文的源代码中每段是否是用P标签包裹,如果不是,则需要先把段落的BR标签改成P标签,当然不是在源代码状态改,可先再点一下“源码”命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,这样就会自动加上P标签了。
     
    第二步,修改CSS代码
     
    在PAGE.CSS文件中的任意位置增加如下代码,然后保存即可
     
    .viewbox .content P{
         text-indent:2em;
         margin-bottom:8px;
        }
     
    第一句代码的作用是增加段落缩进,段落首行缩进两个字符,第二句代码的作用是在每个段落的后面增加段落间距8px,如果你需要其它段落效果,可自行添加相应的CSS代码。
     
    修改完以后,再刷新一下就可以看到效果了,效果如下:

     
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!616105616@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    云梦下载网 » 怎样修改DedeCMS文章正文的显示样式
    • 3会员总数(位)
    • 2784资源总数(个)
    • 74本周发布(个)
    • 13 今日发布(个)
    • 202稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情