给你的博客加一个彩色3D标签栏

需要给自己typecho博客添加3D标签的不需要额外装插件，自己手动加加就好了，适配任意主题

1. <?php
   
2. function random_color(){
   
3.     mt_srand((double)microtime()*1000000);
   
4.     $c = '';
   
5.     while(strlen($c)<6){
   
6.         $c .= sprintf("%02X", mt_rand(0, 255));
   
7.     }
   
8.     return '#'.$c;
   
9. }
   
10. ?>
    
11. <style type="text/css">
    
12.         a {text-decoration: none;}
    
13.         div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
    
14.     (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
    
15.         div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
    
16.         div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
    
17.         div.usercm ul li a{color:#666;padding:0 15px;display:block}
    
18.         div.usercm ul li a:hover{color:#fff;background:rgba(30,144,255,0.88)}
    
19.         div.usercm ul li a i{margin-right:10px}
    
20.         a.disabled{color:#c8c8c8!important;cursor:not-allowed}
    
21.         a.disabled:hover{background-color:rgba(255,11,11,0)!important}
    
22.         div.usercm{background:#fff !important;}
    
23.     </style>
    
24.     <div class="widget widget_ui_tags"><h3>3D标签云</h3>
    
25.         <div id="tag_cloud_widget">
    
26.         <script type="text/javascript" src="https://cdn.wm404.com/public_js/S3dtag.js"></script>
    
27.             <div class="items">
    
28. <?php $this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=24')->to($tags); ?>
    
29. <?php while($tags->next()): ?>
    
30.         <a class="s3dtag" href="<?php $tags->permalink(); ?>" title="1 篇文章" style="left: 64.7521px; top: 9.59126px; z-index: 101; opacity: 0.105937; color: rgb(255, 255, 255); background: <?php echo random_color();?>; padding: 5px; display: none;"><?php $tags->name(); ?>（<?php $tags->count(); ?>）</a>
    
31. <?php endwhile; ?>
    
32.             </div>
    
33.         </div>
    
34.     </div>

复制代码

这个代码参考typecho默认主题放到侧边栏里就可以显示了，自动适配你的标签的，喜欢的可以试试
typecho默认主题侧边栏路径：
/usr/themes/default/sidebar.php

将代码复制到第4行下面即可
个别主题可能不一样总体换汤不换药

需要给自己typecho博客添加3D标签的不需要额外装插件，自己手动加加就好了，适配任意主题

1. <?php
   
2. function random_color(){
   
3.     mt_srand((double)microtime()*1000000);
   
4.     $c = '';
   
5.     while(strlen($c)<6){
   
6.         $c .= sprintf("%02X", mt_rand(0, 255));
   
7.     }
   
8.     return '#'.$c;
   
9. }
   
10. ?>
    
11. <style type="text/css">
    
12.         a {text-decoration: none;}
    
13.         div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
    
14.     (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
    
15.         div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
    
16.         div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
    
17.         div.usercm ul li a{color:#666;padding:0 15px;display:block}
    
18.         div.usercm ul li a:hover{color:#fff;background:rgba(30,144,255,0.88)}
    
19.         div.usercm ul li a i{margin-right:10px}
    
20.         a.disabled{color:#c8c8c8!important;cursor:not-allowed}
    
21.         a.disabled:hover{background-color:rgba(255,11,11,0)!important}
    
22.         div.usercm{background:#fff !important;}
    
23.     </style>
    
24.     <div class="widget widget_ui_tags"><h3>3D标签云</h3>
    
25.         <div id="tag_cloud_widget">
    
26.         <script type="text/javascript" src="https://cdn.wm404.com/public_js/S3dtag.js"></script>
    
27.             <div class="items">
    
28. <?php $this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=1&limit=24')->to($tags); ?>
    
29. <?php while($tags->next()): ?>
    
30.         <a class="s3dtag" href="<?php $tags->permalink(); ?>" title="1 篇文章" style="left: 64.7521px; top: 9.59126px; z-index: 101; opacity: 0.105937; color: rgb(255, 255, 255); background: <?php echo random_color();?>; padding: 5px; display: none;"><?php $tags->name(); ?>（<?php $tags->count(); ?>）</a>
    
31. <?php endwhile; ?>
    
32.             </div>
    
33.         </div>
    
34.     </div>

复制代码

这个代码参考typecho默认主题放到侧边栏里就可以显示了，自动适配你的标签的，喜欢的可以试试
typecho默认主题侧边栏路径：
/usr/themes/default/sidebar.php

将代码复制到第4行下面即可
个别主题可能不一样总体换汤不换药