アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -247ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 245 | 246 | 247 | 248 | 249 | 最初次のページへ >>

16日まで音信不通になります・・・

16日まで帰省します

前にも書きましたが

帰省中はネット環境がありませんので

記事のアップ、コメント返し、プチメに返事が出来なくなります

私の携帯も壊れているので写メもブログも出来ません (T_T)

せっかく連休中にＣＳＳやろうと思っておられた方・・・・　すみませんm(_ _)m

お気に入り・・・・ブックマーク・・・　はまだ記事にしていませんが

連休中にやっちゃいたい方は

コチラ・・ﾋﾟｰｽさまのブログを参考にしてチャレンジ下さい

これらの記事は

帰省後にアップします

・・・・まだぜんぜん書いていませんので予定です

CSS　記事一覧のページ　2

記事一覧のページ　2・・・・

どうせ画像を使うのでしたらハロウィンヴァージョン・・・・

線もborderを使わないで画像にしてみました

タイトル　・・・・白なので、黒の背景をつけています

上の画像　・・・　上の画像にタイトルをつけてもＯＫ（その方が楽だったりして・・）

中、下の画像　・・・途中の白星は単なるミス

線の画像　・・・・白なので、黒の背景をつけています

記事の背景のも使えそうですね・・・・・

前の記事を参考に　ＣＳＳの編集で最後にコピペしてください

/*記事一覧のページ*/
#recent_entries_list h3.title{/*タイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:47px;/*上のスキマ＋画像の高さ*/
background-position:15px 15px;
}

#recent_entries_list {
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:left top;
}

#recent_entries_list ul{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:left bottom;
padding:10px 0 10px 15px;
}

#recent_entries_list li{/*点線*/
width: 350px;
height:40px;
border:none;
background-image:url(画像のURL);
background-repeat:repeat-x;
background-position:left bottom;
}

#recent_entries_list .newentrytitle a{/*記事タイトル*/
color:#ffffff;/*文字色*/
}

#recent_entries_list .cotb a{/*コメント｜トラバ*/
color:#ffffff;/*文字色*/
}

#recent_entries_list .cotb{/*｜の色*/
color:#ffffff;/*文字色*/
}

#recent_entries_list .updatetime{/*日付*/
color:#ffffff;/*文字色*/
}

お気に入り・・・・

ブックマークに続きます・・・・・

CSS　記事一覧のページ

次は記事一覧のページです

ページタイトル画像

背景画像

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

/*記事一覧のページ*/
#recent_entries_list h3.title{/*ページタイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:40px;/*画像の高さ*/
}

#recent_entries_list .newentrytitle a{/*記事タイトルA*/
color:#ff00ff;/*文字色*/
}

#recent_entries_list .cotb a{/*コメント｜トラバB*/
color:#ff00ff;/*文字色*/
}

#recent_entries_list .cotb {/*コメント｜トラバC*/
color:#333333;/*｜の色*/
}

#recent_entries_list .updatetime{/*日付D*/
color:#666666;/*文字色*/
}

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

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