CSS このブログの読者一覧 2

タイトル画像 ・・・・メンドイので前の画像を使っちゃっています、黒板に黒板って・・・

上の背景画像

中、下の背景画像・・・１枚でカバーしますので大きめに作ってください

前のページ を参考にＣＳＳの最後に貼り付けてください

/*読者一覧のページ*/
#reader_list .title{/*タイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:55px;/*上のスキマ＋画像の高さ*/
background-position:15px 15px;/*タイトル画像左からと上からの位置*/
}

#reader_list {/*背景上*/
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:left top;
}

#reader_list ul{/*背景中、下*/
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:left bottom;
padding:10px 0px 10px 15px;/*上、0、下、左のスキマ*/
}

#reader_list .reader_id {/*ID名*/
color:#ffffff;/*文字色*/
}

#reader_list .reader_blog {/*ブログ名*/
color:#ffffff;/*文字色*/
}

#reader_list li{/*点線*/
border-bottom:2px dotted #ffffff;
width:350px;

}

※背景中、下のpadding:10px 0px 10px 15px;/*上、0、下、左のスキマ*/
　右の0は　左の位置が決まっていて、点線のところ liのwidth:350px;で幅が設定されているので

　必然的に右の位置は決定するので 0 のままでOK

↑上のようにタイトルに画像を使わない場合

　（文面を変更する場合は画像を作るしかありません・・・）

#reader_list .title{/*タイトル*/
color: #ffffff;/*文字色*/
font-size: 15px;/*文字サイズ*/
padding-top: 20px;/*文字位置上から*/
padding-left: 20px;/*文字位置左から*/
}

・・・・記事一覧に続きます