ホームページ > 記事 > CMS チュートリアル > dedecmsタグタグでランダムな色とフォントサイズを実装する方法
dedecms タグ ランダムな色とフォント サイズを実現するにはどうすればよいですか?
実現したい機能は、色やフォントサイズなどが異なるタグを含むタグクラウドの効果です。色やフォントサイズはランダムに表示され、コードを変更することもできます。範囲を制御します。見てください。かなり良さそうです。実装方法を見てみましょう。興味のある方はお見逃しなく。
推奨学習: 梦Weavercms
機能説明:
色や文字サイズの異なるタグを含むタグクラウドの効果を実現色や文字サイズをランダムに表示し、コードを変更することでその範囲を制御できます。
異なる色やフォント サイズのタグなど、DeDeCms タグ クラウドの効果を実現します。色やフォント サイズはランダムに表示され、コードを変更してその範囲を制御できます。
修正方法:
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)); }
この関数の機能は、フォント サイズや色を含むランダムなスタイルを出力することです。
完全にランダムではなく、いくつかのフォント サイズのみを表示するように指定したい場合は、上記の関数コードを次のように変更してください:
コードは次のとおりです:
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='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a> {/dede:tag}
3. Dede バックグラウンドで対応する HTML を生成します。効果を見てみましょう。
以上がdedecmsタグタグでランダムな色とフォントサイズを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。