人気ブログランキング | 話題のタグを見る

同じ~の記事画像の調整 #エキサイトブログ

個別記事の一番下に表示される

「同じ~の記事画像」

ってやつ。

「LinkWithin」みたいでイカしてるんですけど、表示すると画像の縦横比が固定なのでスクエアーな画像じゃないと微妙に表示が残念になります。
.thumnail_next_bbs {
width:100px !important;/*コンテンツ部分の横幅に合わせる*/
height:auto !important;
margin-right:8px;/*お好みで*/
box-shadow: 0 0 3px #AFA199;/*お好みで*/
}
こんな感じでCSSに追加すると縦横比を保ったまま表示されます。

※(2012/01/08) 追記

上の設定だとドーモ画像がくっついたまんまなんで一部修正・・・
/*関連記事画像の調整*/
img.thumnail_next_bbs {
width:100px !important;
height:auto !important;
margin-right:5px !important;/*お好みで*/
box-shadow: 0 0 3px #AFA199;/*お好みで*/
}
セレクタ名をちょっと変更しました。「.thumnail_next_bbs」ってclassセレクタはシステムが勝手に付与しておまけに「! important」を使ってるので解らなかったです。
by killingmoon581 | 2012-01-08 09:35 | エキサイトブログ
<< 普段私が使っているデジカメを紹... エキサイトブログに新機能「ファ... >>
LINK LINK LINK LINK LINK

Page Top