Tagwireの検索結果にCSSを施すよ

すぎやまさんがコメントしてくれたので、Tagの検索結果が出力されたときに（こういう画面ね）表示される一覧が見やすくなるようにCSSを書き足しました。

.taglistというクラスを新しく作って、styles-site.cssの一番下に以下のように書き足す。

.taglist{
line-height:150%;{
font-size:12px;{
margin-top:15px;{
margin-left:25px;{
list-style-type:none;{
}

見た目なので各人お好みがあると思うのですが、私はリストの表示はちょっと内側に寄っているぐらいで、行間が150％だと見やすく感じます。％表示はあまり推奨されないのかもしれないけど‥‥。

それから、XSearch Tagwireのテンプレートの中で、検索結果を出力している部分にこのクラスを付けました。そうしないと結果が出ないんだー。

ついでに、リンクの部分に下線をつけるように設定しました。今までのだとちょっと解り辛かったので。少し良くなったかな。

Trackback URL :

札幌でフリーランスのWebデザイナーをしています。このブログは、主に日常の出来事とWeb制作に関するメモを書いています。