温州麻将|温州麻将app下载
當前位置:主頁 > 教程 > 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   關于我們 | 廣告合作 | 版權聲明 | 意見反饋 | 聯系方式 | 原創投稿 | 網站地圖 |
特效 教程 資源 資訊 福利
温州麻将 北京赛车 天津娱乐场所 天津十一选五 520彩票群 相互宝赚钱 山东11选5走势图 云南十一选五技巧规则 搜狐德甲联赛 江苏十一选五选号技巧 意甲直播1