Maison >Tutoriel CMS >DEDECMS >Comment DEDECMS implémente le nuage de balises de couleur

Comment DEDECMS implémente le nuage de balises de couleur

藏色散人
藏色散人original
2019-11-16 10:53:362207parcourir

Comment DEDECMS implémente le nuage de balises de couleur

Comment DEDECMS implémente le nuage d'étiquettes de couleur

Le nuage d'étiquettes de couleur DEDECMS implémente la randomisation des balises (TAG) Couleur et taille

Description de la fonction :

Réalisez l'effet du nuage de tags, y compris des balises avec différentes couleurs et tailles de police, etc. La couleur et la taille de la police sont affichées de manière aléatoire et peuvent être code modifié pour contrôler sa portée.

Apprentissage recommandé : Tutoriel dedecms

Méthode de modification :

1 Ajoutez la fonction suivante à /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));  
}

La fonction de cette fonction est de générer des styles aléatoires, y compris la taille de la police et la couleur.

Si vous souhaitez spécifier seulement quelques tailles de police à afficher au lieu d'être complètement aléatoires, veuillez modifier le code de fonction ci-dessus en :

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. Utilisez le code suivant pour appeler la balise dans le modèle.

{dede:tag row='45' getall='1' sort='hot'}  
<a href=&#39;[field:link/]&#39; title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a>  
{/dede:tag}

3. Générez le html correspondant en arrière-plan, OK, voyons l'effet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn