CSS  お気に入りブログ一覧のページ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS  お気に入りブログ一覧のページ

つぎはお気に入りブログ一覧のページです




タイトル画像



背景画像



下の画像を参考に CSSの編集で最後にコピペしてください


/*お気に入りのページ*/
#favorite_list .title{/*タイトルA*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:40px;/*画像の高さ*/
}


#favorite_list .favorite_id {/*ID名B*/
color:#00ff00;/*文字色*/
}


#favorite_list .favorite_update {/*更新C*/
color:#ff0000;/*文字色*/
}


#favorite_list .favorite_blog {/*ブログ名D*/
color:#ff00ff;/*文字色*/
}


#favorite_list li{/*点線E*/
border-bottom:2px dotted #ff00ff;
}


#favorite_list {/*背景F*/
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position:100% 100%;
}



※更新! は記事更新後24時間アメブロにより自動で付けられます






線種の例・・・・

border-bottom: 1px solid #ff00ff; solid 1本線


border-bottom: 3px double #ff00ff; double 2本線、3px以上でないと2本になりません


border-bottom: 1px dashed #ff00ff; dashed 破線


border-bottom: 5px dotted #ff00ff; dotted 点線、2px以上でないと点になりません(IE6)


border-bottom: 3px ridge #ff00ff; ridge 山型の線



CSS このブログの読者一覧

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

CSS 記事一覧のページ

CSS 記事一覧のページ 2