[CSS] リストマーク

リストマークとは？

サイドバーのブログ一覧とかの頭についてる

マークのこと

　　　↓　↓　↓

こんな感じっ

CSSの最後にコピペしてください

CSS詳しい方は組み込んでくださいね

/* リストマーク */

.menu_frame ul {/* 全体の位置 */
list-style: none;
margin-left: 5px;/* 注1　*/
}
#reader li {/*reader : 読者一覧*/
margin: 0;
padding-left: 16px;/*画像横+α 注2 */
background: url(画像のURL) no-repeat;
background-position:0px 0px;/*画像位置 横 上 注3 */
}
#bookmark li {/*bookmark : ブックマーク*/
margin: 0;
padding-left: 16px;/*画像横+α*/
background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

#favorite li {/*favorite : お気に入りブログ*/

margin: 0;

padding-left: 16px;/*画像横+α*/

background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

#recent_entries li {/*recent_entries : 最新の記事*/

margin: 0;

padding-left: 16px;/*画像横+α*/

background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

#recent_comment li {/*recent_comment : 最近のコメント*/

margin: 0;

padding-left: 16px;/*画像横+α*/

background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

#theme_list li {/*theme_list : ブログテーマ一覧*/

margin: 0;

padding-left: 16px;/*画像横+α*/

background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

#archives li {/*archives : アーカイブ*/

margin: 0;

padding-left: 16px;/*画像横+α*/

background: url(画像のURL) no-repeat;

background-position:0px 0px;/*画像位置 横 上*/

}

※注1　リストアイコンの前の空白

※注2　リストアイコンとカテゴリの間の空白

※注3　リストアイコンとカテゴリの位置関係

[一覧を見る]　がジャマになる場合は右寄せにします


/* [一覧を見る]を右に */

.menu_frame p.list{
text-align: right;
padding-right: 15px;
}