Comment DEDECMS implémente le nuage de balises de couleur-DEDECMS-php.cn

Comment DEDECMS implémente le nuage de balises de couleur

藏色散人

Libérer： 2019-11-16 10:53:36

original

2090 Les gens l'ont consulté

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 &#39;font-size:&#39;.($minFontSize+lcg_value()*
(abs($maxFontSize-$minFontSize))).&#39;px;color:#&#39;.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(&#39;8&#39;,&#39;9&#39;,&#39;10&#39;,&#39;11&#39;,&#39;12&#39;,&#39;20&#39;); //自定义字体大小,可根据需要自行修改  
return &#39;font-size:&#39;.$sizearray[rand(0,count($sizearray))].
&#39;pt;color:#&#39;.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=&#39;45&#39; getall=&#39;1&#39; sort=&#39;hot&#39;}  
<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!