導入 (Previous) (Next) HTML_Template_Flexy

View this page in Last updated: Sun, 07 Sep 2008
English | French | German | Hungarian | Japanese | Polish | Spanish | Plain HTML

使用例

使用例 -- HTML_TagCloud の利用

HTML と CSS を別々に作成する

HTML_TagCloud は HTML と CSS を出力します。 HTML は単純なリストで、CSS によって装飾されます。 HTML と CSS は別々に取り出すことができます。

HTML の出力は、addElement() で追加されたタグデータに依存します。しかし、CSS の出力は一定です。 このパッケージの CSS 出力を、静的に利用することができます。

タグの装飾を修正する

CSS で使用する色を変更することができます。 そのためには、HTML_TagCloud を継承したクラスを作成し、 色とサイズのプロパティをオーバーライドします。

例 47-2装飾の例


<?php
class MyTags extends HTML_TagCloud
{
    protected $epocLevel = array(
        array(
            'earliest' => array(
                'link'    => 'ffdfdf',
                'visited' => 'ffdfdf',
                'hover'   => 'ffdfdf',
                'active'  => 'ffdfdf',
            ),
        ),
        array(
            'earlier' => array(
                'link'    => 'ff7f7f',
                'visited' => 'ff7f7f',
                'hover'   => 'ff7f7f',
                'active'  => 'ff7f7f',
            ), 
        ),
        array(
            'previous' => array(
                'link'    => 'ff7f7f',
                'visited' => 'ff7f7f',
                'hover'   => 'ff7f7f',
                'active'  => 'ff7f7f',
            ), 
        ),
        array(
            'recent' => array(
                'link'    => 'ff4f4f',
                'visited' => 'ff4f4f',
                'hover'   => 'ff4f4f',
                'active'  => 'ff4f4f',
            ), 
        ),
        array(
            'later' => array(
                'link'    => 'ff1f1f',
                'visited' => 'ff1f1f',
                'hover'   => 'ff1f1f',
                'active'  => 'ff1f1f',
            ),
        ),
        array(
            'latest' => array(
                'link'    => 'ff0000',
                'visited' => 'ff0000',
                'hover'   => 'ff0000',
                'active'  => 'ff0000',
            ),
        ),
    );
    protected $size_suffix 'pt';
    protected $fontsizerange 0;
    protected $basefontsize 12;
}
?>

時間要素を省略する

時間経過によって色を変更する機能が必要ない場合は、 addElement() の四番目のパラメータを省略します。 そうすると、現在時刻が適用されます。

導入 (Previous) (Next) HTML_Template_Flexy

Download Documentation Last updated: Sun, 07 Sep 2008
Do you think that something on this page is wrong? Please file a bug report or add a note.
User Notes:
There are no user contributed notes for this page.