kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

記事部分全体に背景色や背景画像をつけよう

【記事本文に背景色をつけよう】

変える部分を赤で書いています。

---

/* Articles */　とあります。（上から1/3くらいのところです。）　

.articles { width:678px; border:1px solid #9a9a9a; overflow:hidden; }

ここに、background-color:#cccccc;　を付け加えます。

.articles { width:678px; border:1px solid #9a9a9a; background-color:#cccccc; overflow:hidden; }

・#ccccccの部分が色の指定です。好きな色に変えましょう。
色の載せ方は、 、【基本の背景色を変えよう】に記述してあります。

 

■おまけ①
色ではなく画像を載せたいときは　
background-color:#cccccc;　ではなく　
background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif) no-repeat;　 とすればＯＫです。
　＊繰り返して使う画像の場合は　no-repeat;　を消しましょう。

.articles { width:678px; border:1px solid #9a9a9a; background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif) no-repeat; overflow:hidden; }

 

■おまけ②
色もつけて画像も載せたいときは　
background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif) no-repeat;　
のあとに
background-color:#cccccc; を書きましょう　

.articles { width:678px; border:1px solid #9a9a9a; background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif) no-repeat right bottom; background-color:#cccccc; overflow:hidden; }

 

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

 

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ 記事本文に背景色をつけよう

コメント 11

コメントの受付は締め切りました

教えてください。
本文の背景の色を半透明にすることは出来ますか？
（背景を透かして表示させたいんですが・・・）
難しいんでしょうか？
by あーちん (2008-08-26 00:13) 

★あーちんさん
http://simu.blog.so-net.ne.jp/2008-08-26
ここに書きました[ﾆｺｯ]
こんな感じでいいでしょうか[ﾊﾃﾅ]
違ったらまた教えてくださいね。
by kuu (2008-08-26 13:35) 

こんにちは。始めまして。
いつもここを利用させていただいてます。
ちょっと質問なのですが...背景に画像を載せることはできたのですが、記事の部分を抜いて背景に画像を載せるということは可能でしょうか？その辺がよくわからなくて＞＜；
記事というか、プロフの写真の部分など、、、に画像がこない....みたいな・・・ことは可能ですかねｪ＞＜；
すみません；意味わからない質問で；
よろしくお願いします；
by うちゃうちゃ姫 (2008-12-27 09:26) 

★うちゃうちゃ姫さん

記事部分とサイドバー部分に個別に背景色を載せてみてください。

記事部分は
http://simu.blog.so-net.ne.jp/2008-02-13

サイドバー部分は
http://simu.blog.so-net.ne.jp/2008-02-13-1


by kuu (2008-12-27 14:45) 

できました★
有難うございました（ω*）

またよろしくお願いします☆

by うちゃうちゃ姫 (2008-12-27 21:50) 

★うちゃうちゃ姫さん

よかったですね^^
かわいいブログになってますね♪
by kuu♪ (2009-01-05 15:58) 

こんにちは(*^^)v
記事タイトルの背景を画像で飾りたいのですが、画像とタイトルが左側で重なってしまいます。
色々ずらしてみたのですが、変わりません。
どこの数字を変更すれば良いでしょうか[ﾝ]
by La_vbl_kok (2009-09-25 16:25) 

★La_vbl_kokさん

今使っているスキンで、タイトルの文字の位置を変えるってことでしょうか？
タイトルの文字の位置はここをご覧下さい。
http://simu.blog.so-net.ne.jp/2007-12-26-1

こちらのほうがわかりやすいかな。
http://simu.blog.so-net.ne.jp/2008-12-13

by kuu (2009-09-25 19:01) 

お返事有難うございます[ﾊｰﾄ]
バナーではなく、こちらのページで説明されている、『記事部分全体に背景色や背景画像をつけよう』　
で記事のタイトル部分に背景画像を付けたいのですが、画像とタイトルが重なってしまいます。
by La_vbl_kok (2009-09-25 20:19) 

rightとleftの幅を色々変えてみたら出来ました(^^♪
有難うございました[ﾎｼ]
by La_vbl_kok (2009-09-25 23:15) 

★La_vbl_kokさん

よかったです[ﾆｺｯ]
by kuu♪ (2009-09-26 08:45) 

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。