当前位置:主页 > 教程 > cms教程 >

Jane博客的访客留言者排行丑化版
栏目分类:cms教程   发布日期:2019-11-12   作者:婷婷    来源:小编整理

最近看到Jane博客的留言者排行还不错,就是不符合我的审美观,我加多了几个css样式,已放到教程里的css代码中,代码未测试过。 将以下代码添加到主题的function.php文件 //最近访客 function?Autofirst($af){ ????global?$wpdb; ????$queryaf= "select?comme

最近看到Jane博客的留言者排行还不错,就是不符合我的审美观,我加多了几个css样式,已放到教程里的css代码中,代码未测试过。Jane博客的访客留言者排行美化版

将以下代码添加到主题的function.php文件

  1. //最近访客
  2. function?Autofirst($af){
  3. ????global?$wpdb;
  4. ????$queryaf="select?comment_author,?comment_author_url,?comment_date?from?$wpdb->comments?where?comment_ID?in?(select?max(comment_ID)?from?$wpdb->comments?where?comment_approved='1'?and?comment_author_url?!=''?and?user_id='0'??GROUP?BY?comment_author_email)??ORDER?BY?comment_date?DESC?LIMIT?$af";
  5. ????$wally?=?$wpdb->get_results($queryaf);
  6. ????foreach?($wally?as?$commentaf){
  7. ????????$tmpy=?"<a?target=\"_blank\"?href=\"".$commentaf->comment_author_url."\"><span>?</span>".$commentaf->comment_author."<span></span></a>";
  8. ????????$outputy?.=?$tmpy;
  9. ????}
  10. ????$outputy?=?"".$outputy."";
  11. ????echo?$outputy?;
  12. }

将下面css代码添加在使用中的主题style.css中,begin主题的话可以在后台,外观,主题选项,定制风格的自定义样式里面。

  1. /*****最近访客*****/
  2. .demo{margin:0?auto;}
  3. .taglist{padding:10px;}
  4. .taglist?a{padding:0?3px?0?0?!important;font-size:15px;?display:inline-block;whitewhite-space:nowrap;border-width:?1px;border-style:?solid;width:?33.33%;text-overflow:?ellipsis;text-align:?center;overflow:?hidden;}
  5. .taglist?span?{padding:3px;font-size:15px!important;color:#004687}
  6. a.size1{padding:1px;font-size:15px;color:#ea4563;}
  7. a.size1:hover{color:#E13728;}
  8. a.size2{padding:1px;font-size:15px;color:#004687;}
  9. a.size2:hover{color:#E13728;}
  10. a.size3{padding:1px;font-size:15px;color:#9F35FF;}
  11. a.size3:hover{color:#E13728;}
  12. a.size4{padding:1px;font-size:15px;color:#f99f13;}
  13. a.size5:hover{color:#B46A47;}
  14. a.size5{padding:1px;font-size:15px;color:#d378ec;}
  15. a.size5:hover{color:#E13728;}
  16. a.size6{padding:1px;font-size:15px;color:#89b6fe;}
  17. a.size6:hover{color:#E13728;}

在主题目录新建文件caise-fangke.php,添加以下代码放进去。

  1. <script?type="text/javascript">
  2. $(document).ready(function(){
  3. ????/*随机颜色*/
  4. ????var?tags_a?=?$("#tags").find("a");
  5. ????tags_a.each(function(){
  6. ????????var?x?=?9;
  7. ????????var?y?=?0;
  8. ????????var?rand?=?parseInt(Math.random()?*?(x?-?y?+?1)?+?y);
  9. ????????$(this).addClass("size"+rand);
  10. ????});
  11. });
  12. </script>
  13. <div?class="demo">
  14. ????<div?class="taglist"?id="tags">
  15. ????????<?php?Autofirst(25);?>
  16. ????</div>
  17. </div>

代码调用:

后台外观小工具,begin主题的话添加增强文本小工具,把下面调用代码添加到里面,刷新缓存即可。

  1. <?php?get_template_part(?'caise-fangke'?);??>

相关热词:

Copyright © 2016-2020 我爱分享网 版权所有   豫ICP备16008703号-1   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
特效 教程 资源 资讯 福利