Skip to main content
 首页 » emlog

emlog显示控制标签数显示随即标签

4个月前 (08-15)2010百度已收录

你是否也曾遇到博客标签很多显示很长,影响美观。你是否知道页面相似度太多是对网站排名有很大影响。你是否看到了本站标签感觉很好看,但是找不到代码。今天青春博客为你解决这些事。

emlog显示控制标签数显示随即标签-新哈博客

首先打开 module.php 文件,找到

<?php
//widget:标签
function widget_tag($title){
	global $CACHE;
	$tag_cache = $CACHE->readCache('tags');?>
	<li>
	<h3><span><?php echo $title; ?></span></h3>
	<ul id="blogtags">
	<?php foreach($tag_cache as $value): ?>
		<span style="font-size:<?php echo $value['fontsize']; ?>pt; line-height:30px;">
		<a href="<?php echo Url::tag($value['tagurl']); ?>" title="<?php echo $value['usenum']; ?> 篇文章"><?php echo $value['tagname']; ?></a></span>
	<?php endforeach; ?>
	</ul>
	</li>
<?php }?>

更改为

<?php
//widget:彩色标签
function widget_tag($title){global $CACHE;$tag_cache = $CACHE->readCache('tags');?>
<div class="widget">
<span class="icon"><i class="fa fa-tags"></i></span><h3><?php echo $title; ?></h3>
<ul id="blogtags">
  <li>
    <?php shuffle ($tag_cache);
		$tag_cache = array_slice($tag_cache,0,28);foreach($tag_cache as $value):?>
    <a href="<?php echo Url::tag($value['tagurl']); ?>" pjax="<?php echo $value['tagname']; ?>" title="<?php echo $value['usenum']; ?>篇文章">
    <?php if(empty($value['tagname'])){ echo "无标签";}else{echo $value['tagname'];}?>
    </a>
    <?php endforeach; ?>
  </li>
</ul>
</div>
<?php }?>

这样就好了,可以显示随机显示标签了。其中$tag_cache,0,28是控制标签数量的,只要更改28为你想要的数量即可。

接下来是css 部分

#blogtags a:before,#bloggerinfo a:before,.post-tags a:before{position:absolute;top:0;left:-8px;width:0;height:0;border-top:10px solid transparent;border-right:8px solid #0089fa;border-bottom:10px solid transparent;content:"";}
#blogtags a:nth-child(6n+1):before,#bloggerinfo a:nth-child(6n+1):before,.post-tags a:nth-child(6n+1):before{border-right-color:#ff002b;}
#blogtags a:nth-child(6n+2):before,#bloggerinfo a:nth-child(6n+2):before,.post-tags a:nth-child(6n+2):before{border-right-color:#ffa900;}
#blogtags a:nth-child(6n+3):before,#bloggerinfo a:nth-child(6n+3):before,.post-tags a:nth-child(6n+3):before{border-right-color:#00a753;}
#blogtags a:nth-child(6n+4):before,#bloggerinfo a:nth-child(6n+4):before,.post-tags a:nth-child(6n+4):before{border-right-color:#b433ff;}
#blogtags a:nth-child(6n+5):before,#bloggerinfo a:nth-child(6n+5):before,.post-tags a:nth-child(6n+5):before{border-right-color:#b37333;}
#blogtags a:after,#bloggerinfo a:after,.post-tags a:after{position:absolute;top:8px;left:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;content:"";}
#blogtags a,#bloggerinfo a,.post-tags a{position:relative;display:inline-block;margin:4px 5px 0 8px;padding:3px 7px;background-color: #0089FA;color:#fff!important;font-size:11px;line-height:14px;-webkit-text-size-adjust:none;}
#blogtags a:nth-child(6n+1),#bloggerinfo a:nth-child(6n+1),.post-tags a:nth-child(6n+1){background-color:#ff002b;}
#blogtags a:nth-child(6n+2),#bloggerinfo a:nth-child(6n+2),.post-tags a:nth-child(6n+2){background-color:#ffa900;}
#blogtags a:nth-child(6n+3),#bloggerinfo a:nth-child(6n+3),.post-tags a:nth-child(6n+3){background-color:#00a753;}
#blogtags a:nth-child(6n+4),#bloggerinfo a:nth-child(6n+4),.post-tags a:nth-child(6n+4){background-color:#b433ff;}
#blogtags a:nth-child(6n+5),#bloggerinfo a:nth-child(6n+5),.post-tags a:nth-child(6n+5){background-color:#b37333;}
#blogtags a:hover,#bloggerinfo a:hover,.post-tags a:hover{background-color:#000;}
#blogtags a:hover:before,#bloggerinfo a:hover:before,.post-tags a:hover:before{border-right-color:#000;}
评论列表暂无评论
发表评论