« 『誘拐ラプソディー』 荻原浩 | トップページ | 『名もなき毒』 宮部みゆき »

2007.04.11

「同一カテゴリの最新記事5件表示」の見た目を、CSSで調整

ココログの個別記事ページにおいて、同一カテゴリの最新記事5件へのリンクを表示できるようになりました。
新着の基準は「記事作成日」ではなく、「記事更新日の新しい順」とのこと。
追加修正を行った記事が、新たに人目に触れやすくなりますね。

詳しくは、「お知らせココログ: 記事下部に同じカテゴリの記事タイトルが表示可能に」にて。

便利な機能なので、早速ONに設定。
反映までしばらく時間がかかるということで、一晩経った今日になって有効になっていました。

便利な機能ですが、見た目的には気になるところがあります。

下部の余白が多くて、間延びしてるように見えます。
記事本文、トラックバックとの境目も、あまりはっきりしません。

そこで文字サイズなどの見た目を、スタイルシートで調整することにしました。
同一カテゴリの最新記事5件表示

貼り付けたCSSは、以下の通りです。

/* 同一カテゴリの新着記事5件 */
.entry-recent-posts{
height:190px;
}

.entry-recent-posts ul{
color:#666666;
border: 1px dotted #999999;
font-size: x-small;
padding:10px;
}

|

ウェブログ・ココログ関連」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/7313/14646167

この記事へのトラックバック一覧です: 「同一カテゴリの最新記事5件表示」の見た目を、CSSで調整:

» 記事下部に表示される「同一カテゴリー内タイトル」部分をカスタマイズ [*second message*]
4月10日からココログで、固定リンクページの記事下に同一カテゴリーの過去記事5件が表示されるようになった。 ■記事下部に同じカテゴリの記事タイトルが表 [続きを読む]

受信: 2007.04.12 08:19

» 「同一カテゴリ5件表示」の見た目 [   まっきー あのね・・・♪]
お知らせココログより。 記事下部に同じカテゴリの記事タイトルが表示可能に個別記事ページに同一カテゴリの記事5件が表示でき [続きを読む]

受信: 2007.05.13 10:58

コメント

さっそく参考にして見た目を一工夫しました。
KOROPPYさんの引用風のデザインにしてみましたw
いつも情報ありがとうございます!

投稿 まろ | 2007.04.14 09:14

こんにちは。
KOROPPYさんのお蔭で設定するクラスが分かり、少々気に入らなかったレイアウトも、思ったように設定する事ができました。
いつもホントありがとうございます[♪]

絵文字の方も、楽しく使わせていただいてますよ[ハート]

投稿 nory | 2007.04.14 10:52

【まろさんへ】
こんばんは。

>KOROPPYさんの引用風のデザインにしてみましたw
おお~、嬉しいです[ハート]
白くすっきりとしたブログの中に、
水色のリストが爽やかなアクセントですね[♪]

【noryさんへ】
こんばんは。

>KOROPPYさんのお蔭で設定するクラスが分かり、少々気に入らなかったレイアウトも、思ったように設定する事ができました。
そのままでは、今一つな見た目でしたよね[汗]
でも機能自体は便利で、とてもいいなと思っています。
参考になりましたら、幸いです。

絵文字も楽しまれているようで、嬉しいです。

あとは冬あたりからスパムがひどくなってきているので、
対策の強化をしてほしいです。

投稿 KOROPPY | 2007.04.14 18:16

はじめまして。
こんにちは。

わたしも『同一カテゴリ』の表示の仕方が気に入らなかったので悩んでいました・・・。
KOROPPYさんのこの記事を見て、早速CSSを参考に
貼り付けました。
って、カラーを変えただけですが[汗]
(そのまんま使ってごめんなさい)

このまま使ってもいいのでしょうか・・・?

あと、ブログ内でこのCSSを紹介したいのですが
ご了承いただけますか?


投稿 まっきー | 2007.04.29 13:42

【まっきーさんへ】
はじめまして、こんにちは。

>わたしも『同一カテゴリ』の表示の仕方が気に入らなかったので悩んでいました・・・。
みなさん、デフォルトの表示は気に入らないようですねw
機能自体は、とてもいいものだと思うんですけれど。

>あと、ブログ内でこのCSSを紹介したいのですが
>ご了承いただけますか?
はい、どうぞ~。
その際こちらの記事へのリンクを入れていただけると、
嬉しいです。

投稿 KOROPPY | 2007.04.29 15:32

KOROPPYさん、ありがとうございます。

もちろんリンクを入れます。
記事を書いたらまた報告します。
よろしくお願いします(*'▽'*)

投稿 まっきー | 2007.04.29 17:19

【まっきーさんへ】
>記事を書いたらまた報告します。
(^o^)/ハーイ。
楽しみにしております[ハート]

投稿 KOROPPY | 2007.04.30 15:24

こんにちは。

記事を書き終えました。

ほんとうにありがとうございました[ミニハート][ミニハート]
この絵文字、かわいいなぁ・・・(笑)

投稿 まっきー | 2007.04.30 23:17

【まっきーさんへ】
>記事を書き終えました。
今、記事を拝見してきました。
ご紹介、ありがとうございました[ミニハート]

>この絵文字、かわいいなぁ・・・(笑)
嬉しいです(〃∇〃)テレッ☆
絵文字があると、コメントが更に楽しくなります[♪]

投稿 KOROPPY | 2007.05.01 09:36

コメントを書く