织梦dedecms的顶(踩)功能在新版5.6版本上做的很漂亮,他是通过一个底图,然后调用系统设置的文字实现的,但如何修改成自己想要的样式呢?比如
一些网站上的样式。大家可能看到很多网站上的样式完全是用图片完成的,没有系统默认的文字,文字是在图片上做上去的,那么我们如何去掉系统带的文字,然后
替换成图片呢?
查看一下内容页的模板,发现把article_article_frame.htm文件中存在的“顶一下”、“踩一下”删除,根本没有效果。
实际上dedecms的顶(踩)功能是由php系统文件控制的,那么我们就进入他的系统文件plus文件夹中找到digg_ajax.php,打开,将里面的“顶一下”、“踩一下”删除,呵呵,成功了。 然后将我们做好的图片替换原来的图片。
如果我们用本站提供的图片,可能会出现点问题,就是因为删除了“顶一下”、“踩一下”,他的顶(踩)统计数字会跑到左边去,如果我们要做成如一些比较
好的网站上的样式,将顶(踩)统计数字放在下面,那么我们可以这样修改:打开plus文件夹中找到digg_ajax.php,找到:
$digg = '<div class="diggbox digg_good"
onmousemove="this.style.backgroundPosition=\'left bottom\';"
onmouseout="this.style.backgroundPosition=\'left top\';"
onclick="postDigg(\'good\','.$id.')">
<div class="digg_act">顶一下</div>
<div class="digg_num">('.$row['goodpost'].')</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:'.$row['goodper'].'%"></span></div>
<div class="digg_percent_num">'.$row['goodper'].'%</div>
</div>
</div>
<div class="diggbox digg_bad"
onmousemove="this.style.backgroundPosition=\'right bottom\';"
onmouseout="this.style.backgroundPosition=\'right top\';"
onclick="postDigg(\'bad\','.$id.')">
<div class="digg_act">踩一下</div>
<div class="digg_num">('.$row['badpost'].')</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:'.$row['badper'].'%"></span></div>
<div class="digg_percent_num">'.$row['badper'].'%</div>
</div>
</div>';
修改成:
$digg = '<div class="diggbox digg_good"
onmousemove="this.style.backgroundPosition=\'left bottom\';"
onmouseout="this.style.backgroundPosition=\'left top\';"
onclick="postDigg(\'good\','.$id.')">
<div class="digg_act"></div>
<div class="digg_num"><br /></div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:'.$row['goodper'].'%"></span></div>
<div class="digg_percent_num">'.$row['goodper'].'%('.$row['goodpost'].')</div>
</div>
</div>
<div class="diggbox digg_bad"
onmousemove="this.style.backgroundPosition=\'right bottom\';"
onmouseout="this.style.backgroundPosition=\'right top\';"
onclick="postDigg(\'bad\','.$id.')">
<div class="digg_act"></div>
<div class="digg_num"><br /></div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:'.$row['badper'].'%"></span></div>
<div class="digg_percent_num">'.$row['badper'].'%('.$row['badpost'].')</div>
</div>
</div>';
最后打开templets/style/page.css文件
找到:
.viewbox .diggbox .digg_percent .digg_percent_bar{
width:100px;
height:7px;
background:#E8E8E8;
border-right:1px solid #CCC;
float:left;
overflow:hidden;
margin-top:3px;
}
将width:100px;修改为width:80px;或是其它的数值。织梦dedecms修改“顶和踩”成图片就这样弄好了。 是不是很简单了,需要的朋友动手试试吧!
评论前必须登录!
注册