Maison > Tutoriel CMS > DEDECMS > le corps du texte

Comment DEDECMS implémente le nuage de balises de couleur

藏色散人
Libérer: 2019-11-16 10:53:36
original
2172 Les gens l'ont consulté

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));  
}
Copier après la connexion

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));  
}
Copier après la connexion

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}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal