Entry

カテゴリタイトルを入れてみる

2004年02月18日

インデックスに出てくる記事が,どのカテゴリにあるのかよく分からないので,カテゴリを表示するようにテンプレートを変更してみました(下図参照)。自分で読んでても,どのカテゴリだったか忘れちゃうくらいなんで……。

quneの表紙

以下の HTML っぽいコードは MovableType のテンプレートです。デザインは,これまで通り CSS2 で決めています。

当初は,カテゴリ毎に背景を変えようと思って,

<div class="<$MTEntryCategory$>">
<$MTEntryCategory$>
</div>

みたいなことをやろうと思ってたけど,手持ちのブラウザでは CSS2 をうまく読めないみたいなので見送りました。IE6 や Mozilla 1.5 って,セレクタのスペースをバックスラッシュ("\")でエスケープしてくれないんですね。これだと "qune log" とか "Random Thoughts" みたいなカテゴリを CSS で扱えないんです。

今のところ,

<div class="category">
    <$MTEntryCategory$>
</div>

にして,background を #333 にしてるんだけど,デザイン的にはイマイチかも……。当たり障りのない無彩色だけど,お葬式みたい……。

スペースが入ってるファイル名は扱えるみたいだから,こんな感じにするとカテゴリ毎に絵が入るのかもしれません。

<div class="<$MTEntryCategory$>">
<img src="<$MTEntryCategory$>.png"
     alt="<$MTEntryCategory$>" />
</div>

ただ,飾りだけのために使う絵はなるべく CSS に追いやりたいので,この方法は却下です。にんともかんとも……。なお,上の図を見ると分るだろうけど,Mozilla ユーザには,ちょっとだけお遊びのプロパティを入れてみました。

Trackback
Trackback URL:
Ads
About
Search This Site
Ads
Categories
Recent Entries
Log Archive
Syndicate This Site
Info.
クリエイティブ・コモンズ・ライセンス
Movable Type 3.36
Valid XHTML 1.1!
Valid CSS!
ブログタイムズ

© 2003-2012 AIAN