So-net無料ブログ作成
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

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

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

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


/* 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;  とすればOKです。
 *繰り返して使う画像の場合は 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;
}


 


 


nice!(6)  コメント(11) 
共通テーマ:blog

nice! ありがとう 6

コメント 11

コメントの受付は締め切りました
あーちん

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

kuu

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

うちゃうちゃ姫

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

kuu

★うちゃうちゃ姫さん

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

記事部分は
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) 

kuu♪

★うちゃうちゃ姫さん

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

La_vbl_kok

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

kuu

★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) 

La_vbl_kok

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

La_vbl_kok

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

kuu♪

★La_vbl_kokさん

よかったです[ニコッ]
by kuu♪ (2009-09-26 08:45) 

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

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

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。