FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

Tree-CATEGORYの大見出しの前にアイコンを設置する

カテゴリーのツリー化でも紹介している共有プラグインTree-CATEGORYについて、大見出し前にアイコン画像を設置するカスタマイズを紹介します。


Tree-CATEGORYのプラグインHTMLを編集します。


/*---------------------- グループ(大カテゴリ) --------*/
C[1]="GROUP-A,1,2,3";
C[2]="GROUP-B";
/*---------------------------------------------------*/
for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}}
for (i=1;i<C.length;i++){ p=C[i].split(','); l=p.length; if(l>1){
I=I+'<p><img src="http://~"> <b>'+p[0]+'</b><br />';
for (k=1;k<l;k++){ q=p[k]-1;
if(k==l-1) {I+="&nbsp;└ "} else {I+="&nbsp;├ "}
I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />'; A[q].title="-";
} I+='</p>';
} }



上記箇所の<img src="http://~">にアイコンのURLを記述してください。

これで大見出しの前にアイコン画像が設置されます。
関連記事
[ 1005 ] ありがとうございます。
いたおさん、こんにちは。

早速、大見出し前にアイコンを設置してみました。
凄く気になっていたので、何だか一安心しています。

本当にありがとうございました。
またわからない事があった時は宜しくお願いします。
これからも頑張って下さい。
[ 2007/01/18 14:20 ] [ 編集 ]
[ 1006 ] > マリさん
こんばんは、マリさん。
凄く気になっていたのですね^^;お待たせしてしまいました。
また何でも聞いてくださいね。
[ 2007/01/18 23:07 ] [ 編集 ]
[ 1113 ] ごめんなさい
こちらに、大見出しに画像を載せる方法があったのですね。早速やってみます。

いつも参考になります。ありがとうございます。
[ 2007/02/02 01:17 ] [ 編集 ]
[ 1115 ] またまたすみません
大見出しに画像出来ました^-^

ところで大見出しの画像なんですが、GROUP-A、GROUP-B、GROUP-Cごとに画像を変えることは出来るのでしょうか?

例えば、「犬用品」とゆう大見出しには犬の画像、「猫用品」とゆう大見出しには猫の画像とゆう感じに・・・。

お願いします。
[ 2007/02/02 03:35 ] [ 編集 ]
[ 1118 ] > まるぽんずさん
大見出しにアイコン画像もつけましたね。
カテゴリの各見出しでアイコンを変えたいという要望は多いんですよ。これは最優先で取り組む必要がありそうです^^;
[ 2007/02/03 00:56 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2016/09 | 10
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2016/09 | 10
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。