欢迎光临
我们一直在努力

如何修改织梦dedecms内容页“顶和踩”功能?

购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。

织梦dedecms的顶(踩)功能在新版5.6版本上做的很漂亮,他是通过一个底图,然后调用系统设置的文字实现的,但如何修改成自己想要的样式呢?比如
一些网站上的样式。大家可能看到很多网站上的样式完全是用图片完成的,没有系统默认的文字,文字是在图片上做上去的,那么我们如何去掉系统带的文字,然后
替换成图片呢?

  查看一下内容页的模板,发现把article_article_frame.htm文件中存在的“顶一下”、“踩一下”删除,根本没有效果。 

  实际上dedecms的顶(踩)功能是由php系统文件控制的,那么我们就进入他的系统文件plus文件夹中找到digg_ajax.php,打开,将里面的“顶一下”、“踩一下”删除,呵呵,成功了。 然后将我们做好的图片替换原来的图片。

dedecms修改内容页顶踩功能

  如果我们用本站提供的图片,可能会出现点问题,就是因为删除了“顶一下”、“踩一下”,他的顶(踩)统计数字会跑到左边去,如果我们要做成如一些比较
好的网站上的样式,将顶(踩)统计数字放在下面,那么我们可以这样修改:打开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修改“顶和踩”成图片就这样弄好了。 是不是很简单了,需要的朋友动手试试吧!

未经允许不得转载:随缘小居 » 如何修改织梦dedecms内容页“顶和踩”功能?
购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。
5

评论 抢沙发

评论前必须登录!

 

不跟随,有视角焦点的博客

联系我们联系我们