COREBlogのアイコン表示調整

アイコン表示はできたけど、見た目を調節するためにcssをいじろうと思ったわけで。
style_cssでカテゴリを調節してるのは以下の部分であるようだ。

.category {

	font-size: x-small;

	line-height: 110%;

	text-align:right;

	margin: 0 0 2em 0;

}

そもそもアイコン表示はデフォルトでは設定されてないわけで、cssの設定もテキスト表示を調節するものが基本ですな。マージンの設定はブログのタイトルと本文との距離を調節する意図でこうなってるのだろうか。

と思ったのだが、現状のアイコンの位置でもそんなに悪くないな、と。cssでいじるのはマージンだけにして、後は改行だけいれておけばいいか。

cssはマージンのみ変更。

.category {

	font-size: x-small;

	line-height: 110%;

	text-align:right;

	margin: 10px;　←変更

}

あとはアイコンのイメージタグのあとに改行いれればOKということで、entry_bodyにちょびっと手を加える。

<dtml-if name="icon_path">

  <a href="<dtml-var blogurl missing="">

  /categorylist_html?cat_id=<dtml-var id>">

  <img src="<dtml-var icon_path>">

  </a>

  <br clear="all">　←付け加え

たーだーしー！これだけだとアイコンのまわりにボーダーが表示されてしまうので、ボーダーはなくしてしまおう。ということで、style_cssにちょびっと手を加える。以下付け加え。

A img {border: 0;}

とりあえずindex_html関係のアイコン表示はよしとしよう。