タグクラウドの文字に色をつける
MTを3.3にアップグレードしてから携帯での確認をしてなかったのですが、昨日ふと繋いでみたら繋がらず。ひょえぇぇ、今頃ID変えちゃったってたことに気づきました(汗)携帯で見ようとしてた皆さんスミマセン。慌てて正しいQRコードを貼り直しましたので、今は大丈夫です。ついでに、タグクラウドも活用してなかったなーと今さら気づきまして、こちらもカスタマイズして活用することに。他サイト様のタグクラウド見ると英語の方がオシャレでカッコイイなぁ…と思いつつ、とりあえず現状は日本語です(笑)それぞれの色については全部でレベル6まであったので、以下をスタイルシートに書き加えてリビルド。
ul#tags li.taglevel1 a{
color: #ff69b4;
}
ul#tags li.taglevel2 a{
color: #3cb321;
}
ul#tags li.taglevel3 a{
color: #ffe62c;
}
ul#tags li.taglevel4 a{
color: #3399ff;
}
ul#tags li.taglevel5 a{
color: #c3d6f4;
}
ul#tags li.taglevel6 a{
color: #999999;
}
ちなみにそれぞれのレベルのカラーイメージはこんな感じです。タグがたくさん出そろえばカラフルになると思うのですが、あまりにカラフルになっちゃって、浮いちゃうようだったら、ブルー系統のグラデーションに変えるかも?ま、その前にエントリーたくさん書いてタグ増やさなくっちゃ(笑)
| レベル | カラー | ![]() | ||
|---|---|---|---|---|
| ○ | taglevel1 | #ff69b4 | ||
| ○ | taglevel2 | #3cb321 | ||
| ○ | taglevel3 | #ffe62c | ||
| ○ | taglevel4 | #3399ff | ||
| ○ | taglevel5 | #c3d6f4 | ||
| ○ | taglevel6 | #999999 |



