ドリコムブログリスト用ＣＳＳ

ドリコムＲＳＳのブログリスト、使ってみたらデフォルトだとカテゴリーとリンクが混ざって非常に見難かったので…。
自分も使う事だしとドリコム用のスタイルシートを組みました。

ちょっとＨＴＭＬタグの追加もいるんですが、プラグインのみでいいので。
（プラグインを使ってる事を前提で話してますが、使ってない場合も同様にタグを追加するだけです）
まずプラグインの修正。
プラグインで追加したドリコムブログリストのタグを

<div class="drecom">
ココはドリコムで配布されたタグを入れます
</div>

こんなかんじに赤い部分のタグで囲みます。プラグインの修正はこれで終了です。

次に以下のスタイルシートを追加します。

/*-- ドリコムＲＳＳ --*/
div.drecom br {
line-height: 0px;
}
.drecomrss_blog_list_category {
font-weight:bold;
display:block;
margin: 3px 0;
background: #eee;
}
.drecomrss_blog_list_item {
display:block;
padding: 2px 0 2px 12px;
font-size: 10px;
line-height: 130%;
border-bottom: 1px dotted #ccc;
}
.drecomrss_blog_list_powered {
display:block;
border-top: 1px dotted #ccc;
margin-top: 5px;
}

以上で完了です。
相変わらず色は適当なので好きな色に変えてください。
見本はいまウチで表示してるブログリストです。

ドリコムのほうの設定で、表示を「ブログ名」のみにしておくとスッキリしていいかもしれないです。日付とか時間も表示する場合はdrecomrss_blog_list_itemのとこのボーダー表示しないほうがいいかもしれません。とりあえずはお好みでどうぞ。
文字の色は設定してませんので、それぞれお使いのテンプレートの設定色と同じになります。