オープンソースの画像生成AIをセットアップから使い方まで解説する『Stable Diffusion AI画像生成ガイドブック』(ソシム刊)発売中(→本のサポートページ

記事一覧ページ(./archive)で絞り込んだカテゴリをわかりやすくする

【元記事:記事一覧ページ(./archive)で絞り込んだカテゴリをわかりやすくする:d:id:manpukuya:20070110:archive

[画像:記事一覧ページにCSS]

記事の一覧ページ(この日記ならhttp://d.hatena.ne.jp/Imamura/archive)では、ページ上部のカテゴリ名をクリックすると、そのカテゴリの日記を抽出できる。

でもこの日記のようにカテゴリが増えると、いまどのカテゴリを絞り込んでいるのかがわからなくなってしまうと思う。

そこでこんなCSSを書いてみた。

/*■archiveページでカテゴリを絞り込んだとき、
カテゴリ名を大きく表示*/
div#hatena-archive div.calendar b{font-size:2.5em;}

「/* 〜 */」の範囲はコメントなので、入力必須ではありません。

「font-size:2.5em;」の数値はお好みで。ほかにたとえば「color:#f00;」を加えると、選択したカテゴリ名が赤く表示されるとか、いろいろできる。

どうぞご利用ください。