[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;
}
[基本] アメブロカスタマイズの前に‥
こんにちわ
アメブロカスタマイズをするにあたって
このブログにのせているCSSやJavaScriptは
リカちの覚え書きになります
これからカスタマイズする方の
参考になればとは思いますが
なにせ初心者
しかもリカち自信まだまだ
これからカスタマイズします
飽きてポイしない限りw
そんな感じなので・・
これはリカちの趣味を書いた
だけなのでマネしてデザイン
崩れたetc..の苦情には対応
できません
既存CSSにそのまま入れたら
崩れることくらいわかってる
かもしれませんがw
以上が理解できる方のみ
CSS編集お楽しみください
***************
このブログの初期設定
基本デザイン
カスタム可能「ベーシック」