WonderCSS

去除 DedeCMS 列表页推荐文章标题加粗效果

在织梦系统(DedeCMS)默认的设置下,如果发布文章时选择了推荐(c)属性,那么在其生成的列表中,文章标题就会因为添加了 <b> 标签而加粗。同样选择了加粗属性(b)也是如此。这样虽然使得本文章在列表页面很突出,但却经常破坏页面的美观效果,多个推荐文章同时出现时常乱作一团。

对页面效果有要求的站长就需要改变这一效果,实现的方式有两种。一种我称之为硬改动,那就是修改 Dedecms 源文件直接去掉 <b> 标签。另一种方式我称为软改动,通过 CSS 样式表定义来取代 <b> 标签的加粗效果。

通过修改 源文件 去掉推荐文章标题加粗效果

首先我们介绍硬改动方法。打开织梦系统(DedeCMS)安装目录中的 include 文件夹找到 arc.listview.class.php 文件,打开后大致在878行,或搜索 preg_match('/c/' 能找到下面的代码:


if(preg_match('/c/', $row['flag']))
{
     $row['title'] = "<b>".$row['title']."</b>";
}

这个判断就是如果是推荐就加 <b> 标签,注释掉这个语句就能够取得加粗效果了。当然,还有更不错的选择,比如我们将 <b> 换成 <span> 并附加一个 Class 效果会更好,因为你可以为推荐的内容标题作出其他效果(虽然保留这个b标签仍旧可以,但我们尽求逻辑上的合理嘛),如:


if(preg_match('/c/', $row['flag']))
{
     $row['title'] = "<span class='recom'>".$row['title']."</span>";
}

这样我们既去掉了列表页推荐文章标题的加粗效果,又对推荐文章做了单独的标记。

通过修改 CSS样式表 去掉推荐文章标题加粗效果

介绍过硬改动方法后我们来讲软改动,也就是不碰 DedeCMS 源文件的改动方法。这个方法很简单,就是在样式表里去掉相应列表下 <b> 标签的加粗效果。打开样式表找到相关列表的标签,假设 Class 为 listbox ,去掉其下 li 中加 b 标签的加粗效果:


.listbox li b {
	font-weight:normal !important;
}

样式中的红字 !important 是为了确保优先权来保证 font-weight:normal 的实效。如此两种办法轻松去除 DedeCMS 列表页推荐文章标题加粗效果

By 于湛 发布于 2013.03.22 10,161 次浏览

去除 DedeCMS 列表页推荐文章标题加粗效果》上有1条评论

  1. wanghong

    为了这个破问题找了很多,就你这个文章看的明白些!支持下

    回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注