会飞的鱼

博客首页 » Emlog相关 » Emlog炫彩文章标签,可自定义输出标签数量

Emlog炫彩文章标签,可自定义输出标签数量

效果图:

教程

把以下代码插入单页面里或者其它地方,其中

 

$tag_cache = array_slice($tag_cache,0,30);?>

这段代码中30即为输出标签数量,可以自己修改,如果需要输出全部标签,只需要把这行代码删除即可

<div class="post-tags">
      <?php global $CACHE;
      $tag_cache = $CACHE->readCache('tags');?>
      $tag_cache = array_slice($tag_cache,0,30);?>
      <?php foreach($tag_cache as $value): ?>
      <a href="<?php echo Url::tag($value['tagurl']); ?>" title="<?php echo $value['usenum']; ?> 篇日志"><?php echo $value['tagname']; ?>[<?php echo $value['usenum']; ?>]</a>
      <?php endforeach; ?>   
</div>

然后把以下css代码放入你模板css文件里

.post-tags a{display:inline-block;padding:0px 5px;color:#fff;border-radius:2px;position: relative;font-size: 12px;margin: 2px 2px}
.post-tags a:hover{text-shadow:0 0 3px #fff;}
.post-tags a:nth-child(9n+1){background-color:#ff0000}
.post-tags a:nth-child(9n+2){background-color:#ff00ff}
.post-tags a:nth-child(9n+3){background-color:#666}
.post-tags a:nth-child(9n+4){background-color:#ff7f00}
.post-tags a:nth-child(9n+5){background-color:#999}
.post-tags a:nth-child(9n+6){background-color:#d1a601}
.post-tags a:nth-child(9n+7){background-color:#286c4a}
.post-tags a:nth-child(9n+8){background-color:#518ab2}
.post-tags a:nth-child(9n+8){background-color:#00ff00}
.post-tags a:nth-child(9n+9){background-color:#c91d13}
分享到:
打赏

评论

游客

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册