魔扣论坛

魔扣源码论坛业务
查看: 595|回复: 1

[织梦教程] 怎样修改DedeCMS文章正文的显示样式

[复制链接]
  • TA的每日心情

    17 小时前
  • 签到天数: 2951 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745583
    贡献
    157867
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2020-8-24 00:32:40 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    安装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代码。

    修改完以后,再刷新一下就可以看到效果了,效果如下:

    会员购买:>> 点击购买 << | 魔扣币购买:>> 点击购买 <<
    承接业务:服务器代维丨网站托管丨SEO
    联系客服:微信:morko-net | QQ:1367681973

    该用户从未签到

    3

    主题

    251

    回帖

    505

    积分

    高级魔扣

    Rank: 4

    魔扣币
    251
    贡献
    251
    威望
    0
    发表于 2020-8-24 09:27:26 来自手机 | 显示全部楼层
    太漂亮的源码了,非常感谢魔扣源码论坛
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表