今天是

爱酷家


当前位置:首页 > 站长学院 > 其他教程

emlog实现单独页面显示彩色标签

收集整理   发布时间:2012-11-13 19:25:00   阅读

emlog实现单独页面显示彩色标签

以下是方法,同时附上注释。
首先,按照我的做法,在网站根目录下,新建一个tag目录,在该新建目录下做一个标签显示页面index.php,代码如下:

代码:
<?php
require_once '../common.php';   //调用emlog程序通用模块
define('TEMPLATE_URL',         TPLS_URL.$nonce_templet.'/');   //前台显示模板
define('TEMPLATE_PATH', TPLS_PATH.$nonce_templet.'/');   //前台显示模板路径
$blogtitle = '标签';   //该页面的标题,注意,整个页面的编码必须是UTF-8,否则乱码!
$type = 'page';
include getViews('header');  //加载头部
include getViews('tag');   //加载便签显示页面
cleanPage(true);
?>

这样就有了显示的页面,但是标签内容还没加进来,别急,接着往下看,在你的模板目录下做标签内容文件tag.php,代码如下

代码:
<?php if(!defined('EMLOG_ROOT')) {exit('error!');} ?>

<?php doAction('index_loglist_top'); ?>   //这个是我整个页面的头部滚动公告模块,你可以去掉
<div class="searchcontent">
<p><div class="RoundedCorner"> 
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> 
<h2>彩色标签:</h2><b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> 
</div> </p> //这里是调用我自己用CSS做了一个圆角框,具体参见本站标签页,你也可以去掉,后面我将附上CSS代码
<ul id="blogtags">//这里是我模板的main.css中的给显示标签做的UL的ID,后面附上CSS代码
<li>
<?php foreach($tag_cache as $value): $color = dechex(rand(0,16777215));  ?>
        <span style="font-size:<?php echo $value['fontsize']; ?>pt;height:30px;">
        <a href="<?php echo BLOG_URL; ?>?tag=<?php echo $value['tagurl']; ?>" style="color:#<?php echo $color;?>;" title="<?php echo $value['usenum']; ?> my logs"><?php echo $value['tagname']; ?></a></span>  //这一块是实现便签彩色显示,某一标签下的文章数量越多,该标签字体越大
<?php endforeach; ?>
</li>
</ul>
</div>
<?php include getViews('side');?>   //调用侧栏
<?php include getViews('footer'); ?>  //调用footer.php

现在就能够显示标签了,注意,使用时请删掉注释,负责可能发生错误。但是还没有样式,下面是tag.php中用到的CSS样式代码,你可以直接粘贴在你模板的main.css文件中:

代码:
#blogtags a{padding:2px;display:inline-block}#blogtags a:hover,#related_log a:hover,#rand_log a:hover{text-decoration:underline}

整个代码分享完毕,你去掉“<?php doAction('index_loglist_top'); ?>”这行代码后,在后台新建一个页面,链接地址到“http://你的网站域名/tag/”,就可以直接用了。注意CSS代码,index.php,tag.php的位置和使用



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: