在这里,我们将给大家分享关于织梦DEDECMS多彩色TAG做法的知识,让您更了解织梦多站点教程的本质,同时也会涉及到如何更有效地DedeCms织梦彩色标签云(tag)随机颜色和字体大小、dedecms
在这里,我们将给大家分享关于织梦DEDECMS多彩色TAG做法的知识,让您更了解织梦多站点教程的本质,同时也会涉及到如何更有效地DedeCms 织梦彩色标签云 (tag) 随机颜色和字体大小、dedecms织梦tag彩色关键字:彩色标签、dedecms织梦tag彩色关键词:彩色标签、织梦(dedecms)彩色标签云(tag)随机色彩和字体大小的内容。
本文目录一览:- 织梦DEDECMS多彩色TAG做法(织梦多站点教程)
- DedeCms 织梦彩色标签云 (tag) 随机颜色和字体大小
- dedecms织梦tag彩色关键字:彩色标签
- dedecms织梦tag彩色关键词:彩色标签
- 织梦(dedecms)彩色标签云(tag)随机色彩和字体大小
织梦DEDECMS多彩色TAG做法(织梦多站点教程)
<style type="text/css" >
.tagCloud{ padding:0 6px; }
.tagCloud a { margin:0 8px 0 0; line-height:22px; }
.color0{ color:#2F5FC2; }
.color1{ color:#AC1BF2; }
.color2{ color:#9E6FC5; }
.color3{ color:#FBA426; }
.color4{ color:#2739CF; }
.color5{ color:#C8A453; }
.color6{ color:#AB2846; }
.weight0{ font-weight:100; }
.weight1{ font-weight:300; }
.weight2{ font-weight:500; }
.weight3{ font-weight:700; }
.weight4{ font-weight:900; }
.weight5{ font-weight:bold;}
.weight6{ font-weight:bolder; }
.size0{ font-size:12px; }
.size1{ font-size:13px; }
.size2{ font-size:14px; }
.size3{ font-size:16px; }
.size4{ font-size:20px; }
.size5{ font-size:22px; }
.size6{ font-size:24px; }
</style>
<script language="javascript" type="text/javascript">
function setTagCloudStyle(){
var colors = new Array("color0","color1","color2","color3","color4",
"color5","color6");
var sizes = new Array("size0","size1","size2","size3");
var weights = new Array("weight0","weight1","weight2","weight3",
"weight4","weight5","weight6");
var colorsLen = colors.length;//获取色彩样式个数
var sizesLen = sizes.length;//获取字体大小样式个数
var weightsLen = weights.length;//获取字体粗细样式个数
var tagCloud = document.getElementById("tagCloud");
var tagLinks = tagCloud.getElementsByTagName("a");
var tagLinksLen = tagLinks.length;
for(i = 0 ; i < tagLinksLen ; i++){
tagLinks[i].className = colors[Math.floor(colorsLen*Math.random())] + "
" + sizes[Math.floor(sizesLen*Math.random())]+ " " + weights[Math.floor(weightsLen*Math.random())];
//随机设置每个<a>标签的样式,以实现不同效果.
}
}
if(document.addEventListener){
window.addEventListener('load',setTagCloudStyle,false);
}else{
window.attachEvent('onload',setTagCloudStyle);
}
//绑定onload事件,在文档载入完毕启动setTagCloudStyle()函数;
</script>
<div id="tagCloud">{dede:tag row='20' getall='1' sort='month'}<a href='[field:link/]'>[field:tag /]</a>{/dede:tag}</div>
本文章网址:http://www.ppssdd.com/code/14525.html。转载请保留出处,谢谢合作!DedeCms 织梦彩色标签云 (tag) 随机颜色和字体大小
1、选择你所要加页面的模板,一般是在首页 index.htm 加上如下代码
这样漂亮的彩色标签就做好了,效果如下(我这里去掉了字体随机大小的效果):
dedecms织梦tag彩色关键字:彩色标签
织梦dedecms模板中用彩色tag做彩色关键词,下面分享一下吧!
修改方法:
1、在/include/common.func.PHP 中加入如下函数:
function getTagStyle() { $minFontSize=8; //最小字体大小,可根据需要自行更改 $maxFontSize=18; //最大字体大小,可根据需要自行更改 return ‘font-size:’.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).’px;color:#’.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); } |
此函数的作用是输出随机的样式,包括font-size和color。
如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:
function getTagStyle() { $sizearray = array(’8′,’9′,’10′,’11′,’12′,’20′); //自定义字体大小,可根据需要自行修改 return ‘font-size:’.$sizearray[rand(0,count($sizearray))].’pt;color:#’.dechex(rand(0,255)); } |
2、在模板中用如下代码调用标签
{dede:tag row=’45′ getall=’1′ sort=’hot’} <a href=’[field:link/]‘ title=”[field:tag /]([field:total /])” style=”[field:total runPHP=yes]@me=getTagStyle();[/field:total]“>[field:tag /]</a> {/dede:tag} |
上面的这个是调用热门tag的,我在这里修改一下换成搜索关键词
{dede:tag row=’45′ getall=’1′ sort=’hot’} <a href=’/plus/search.PHP?keyword=[field:tag /]‘ title=”[field:tag /]([field:total /])” style=”[field:total runPHP=yes]@me=getTagStyle();[/field:total]“>[field:tag /]</a> {/dede:tag} |
3、在dede后台生成相应html,OK,看效果吧 :
上一篇:dedecms织梦SEO内链教程:给文章自动添加关键词锚文本
下一篇:织梦dedeCMS支付宝接口问题及解决办法
dedecms织梦tag彩色关键词:彩色标签
织梦DedeCMS源码中用彩色tag做彩色Keywords,下面分享一下吧!
修改办法:
1、在/include/common.func.php 中加入如下函数:
function getTagStyle() { $minFontSize=8; //*小字体大小,可根据需要自行更改 $maxFontSize=18; //*大字体大小,可根据需要自行更改 return ‘font-size:’.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).’px;color:#’.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); }此函数的作用是输出随机的样式,包括font-size和color。
如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:
function getTagStyle() { $sizearray = array(’8′,’9′,’10′,’11′,’12′,’20′); //自定义字体大小,可根据需要自行修改 return ‘font-size:’.$sizearray[rand(0,count($sizearray))].’pt;color:#’.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); }2、在源码中用如下代码调用标签
{dede:tag row=’45′ getall=’1′ sort=’hot’} <a href=http://www.dede58.com/a/dedejq/’[field:link/]‘ title=”[field:tag /]([field:total /])” style=”[field:total runphp=yes]@me=getTagStyle();[/field:total]“>[field:tag /]</a> {/dede:tag}上面的这个是调用热门tag的,我在这里修改一下换成搜索Keywords
{dede:tag row=’45′ getall=’1′ sort=’hot’} <a href=http://www.dede58.com/a/dedejq/’/plus/search.php?keyword=[field:tag /]‘ title=”[field:tag /]([field:total /])” style=”[field:total runphp=yes]@me=getTagStyle();[/field:total]“>[field:tag /]</a> {/dede:tag}3、在dede后台生成相应html,OK,看效果吧 :
织梦(dedecms)彩色标签云(tag)随机色彩和字体大小
1、选择你所要加页面的源码,一般是在首页index.htm 加上如下代码<!-- /下面开始tag标签云 --> <dl> <dt><strong>Tags标签云</strong></dt> <dd>{dede:tag row='45' getall='1' sort='hot'} <a href='[field:link/]' title="[field:tag /]([field:total /])"> [field:tag /]</a> {/dede:tag} </dd> </dl> <!-- /tag标签云结束 -->
2、在/include/common.func.php 中加入如下函数。 function getTagStyle() { $minFontSize=8; //*小字体大小,可根据需要自行更改 $maxFontSize=18; //*大字体大小,可根据需要自行更改 return 'font-size:'.($minFontSize+lcg_value()* (abs($maxFontSize-$minFontSize))).'px;color:#'. dechex(rand(0,255)).dechex(rand(0,196)) .dechex(rand(0,255)); }
这样漂亮的彩色标签就做好了,效果如下(我这里去掉了字体随机大小的效果,以小鱼儿博客园为例):
今天关于织梦DEDECMS多彩色TAG做法和织梦多站点教程的讲解已经结束,谢谢您的阅读,如果想了解更多关于DedeCms 织梦彩色标签云 (tag) 随机颜色和字体大小、dedecms织梦tag彩色关键字:彩色标签、dedecms织梦tag彩色关键词:彩色标签、织梦(dedecms)彩色标签云(tag)随机色彩和字体大小的相关知识,请在本站搜索。
本文标签: