ＣＳＳ 同じテーマの最新記事

先ほどから・・・

アナウンスのあった

「同じテーマの最新記事」が付き始めました

で、さっそく・・・・ リストマークを変更しちゃいます

/* 同じテーマの最新記事 */
#themeBox ul {
list-style: none;
margin-left: 10px;
}
#themeBox li {
margin: 0;
padding-left: 16px;/*画像横+α */
background: url(http://stat.ameba.jp/blog/ucs/img/char/char2/131.gif ) no-repeat;
background-position:0px 0px;/*画像位置 横 上 */
}

・・・　タイトルも何とかしなけりゃね

div#themeBox h5{
background-image:url(画像のURL);
}

そもそも・・・こんなもんいらね！！！　　って方は

#themeBox {

display:none;

}

ＣＳＳの編集にさわれないスキンの場合で・・・
いらね～・・・消してくれ～　って方は

フリープラグインにこのままコピペで消えてくれます

<STYLE TYPE="text/css"><!--
#themeBox {display:none;}
--></STYLE>

ここのブログのように背景に画像をつける場合は・・・・

まだ何時間もたっていないのにアメブロが変更してきました

ので・・・・以下（背景に画像を使う）は　現在うまくいきません・・・

アメブロの様子を見て再度やり直しますのでお待ち下さい

いつまた変更されるかわかりませんが・・・とりあえずはこれで

http://ameblo.jp/exlink/entry-10143460443.html

↑こんな背景画像を用意します

/* 同じテーマの最新記事 */
#themeBox{/*背景画像の指定*/
height:140px;/*背景画像の縦　Ａ*/
background: url(背景画像のURL) no-repeat;
background-position: center；
}
.entry h5{/*タイトルを消す*/
display:none;
}
#themeBox ul {
list-style: none;/*リストマークを消す*/
padding: 50px 0 0 30px;/*上Ｂ 0 0 左Ｃ*/
}
#themeBox li {
margin: 0;
padding-top: 5px;/*行間　Ｄ*/
padding-left: 25px;/*画像横+α Ｅ*/
background: url(リストマーク画像のURL) no-repeat;
background-position:0px 5px;/*画像位置 横 上 */
color:#ffffff;/*文字色*/
}
#themeBox li a{
color:#ffffff;/*リンクの文字色*/
}

padding-top: 5px;/*行間　Ｄ*/　を設定しない場合　これが初期設定の行間です

行間が広がるとリストマークの位置が合わなくなりますので

background-position:0px 5px;/*画像位置 横 上 */　　として　5px（広げた分）下げます