2008年11月19日
2006年08月31日
ブログの壁紙（背景）を設置する
明日から9月です。昨日(8/30)は、大阪も真夏日から開放されたようでした。久しぶりの涼しさですごしやすくなりました。そこで、以前からずっと放置してきた、ここのブログの壁紙(背景)を設置してみました。
ブログの壁紙（背景）を設置する
- FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定 ]をクリックします。
- 「現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。
必ずバックアップしましょう！
いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪ - 「スタイルシートの編集[テンプレート名]を編集しています。」の欄にカーソルを入れて、[Ctrl]＋[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにbody、entry、sideと入力して、検索して、それぞれ下のように設定します。
- bodyで、ブログの壁紙（背景）を設置する。
/*壁紙の設置*/
body
{
background-image:url(設置したい壁紙のURL);
background-attachment: fixed; スクロールしても画像は固定されます。
} - entryで、本文の背景を白色にし、枠線で囲む。
/* エントリー */
.entry
{
width: auto;
margin: 15px 10px 15px;
padding: 5px 10px 5px;
color: #36414d;
background: #ffffff; 本文の背景を白色(#ffffff)にする。
background-position: right;
background-repeat: repeat-y;
font-size: 12px;
line-height:150%;
word-break: break-all;
border-style: solid; 枠線を直線にする。
border-width: 1px; 枠線の太さを1pxにする。
border-color: #ffeebf; 枠線の色を設定する。
} - sideで、サイドバーの背景を白色にする。
/* サイドメニュー */
.side
{
margin: 6px 0 20px;
background: #ffffff; サイドバーの背景を白色(#ffffff)にする。
border-color: #ffd19e;
color: #444444;
font-size: 10px;
_font-size: 9px;
line-height: 150%;
}
- bodyで、ブログの壁紙（背景）を設置する。
- [プレビュー]で確認してから、[変更]をクリックしましょう。
今回使用させていただいた壁紙は、いつも掲示板のカレンダーをお借りしている、柚莉湖♪風と樹と空と♪のYurikoさんの記事秋の背景素材−柿・林檎・赤とんぼ・ススキと秋の虫 よりダウンロードさせていただきました。この壁紙はGIF形式です。
yozoからのお願い
私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「テンプレート改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければCommentやTrackbackしていただけたら、幸いです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m
↓ ぽちっと応援お願いします♪ m(_ _)m
≪New 0609掲示板♪ | Top | BlogPet「うさも」の背景紹介 秋の気配 Old≫
トラックバックURL
コメント
お？こちらで記事になってた。前のコメントにちょこっと書いちゃいましたよ。
ごめんなさい。＜(＿ ＿)＞
こちらの壁紙素敵ですよね〜♪色がすごく優しい色です!!('∇^d) ﾅｲｽ☆!!
とっても秋らしくなりましたよね〜♪(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
壁紙の変更方法がとても分かりやすくなっていますね!!
記事の後ろを白くしたりするのもこちらを見ればきっと出来そうですよね!!
カスタマイズなんて難しいって思っている人もこちらを見たら
挑戦したくなるんじゃないかしら？(*'-')
いつも分かりやすい記事で素晴らしいです♪
Posted by まゆび at 2006.08.31 23:23 | edit
コメント
この壁紙、ｆｃ2のオリジナルだと思っていました。
昨日、この壁紙を見たとき、「この壁紙、いいなぁ。」と思っていました。
今度、自分のオリジナルを、作るときに、参考にしようと思います。
Posted by ネーちゃん at 2006.09.01 00:42 | edit
コメント
スクロールバーの設置が上手くいかなかったので
色々と検索していたところこちらにたどり着きました。
おかげ様ですぐに解決できました(´▽｀*)
ありがとうございました!!これからも
参考にさせていただきたいと思いました♪
応援ポチっ.;*☆
Posted by モモ at 2006.09.01 01:35 | edit
コメント
＞お？こちらで記事になってた。前のコメントにちょこっと書いちゃいましたよ。
あはは・・・こちらこそ、もったいぶって申し訳ありません。壁紙変更と同時に
この記事をUPしなきゃいけませんよね。yozoこそ m(_ _)m 反省！でっす♪
＞こちらの壁紙素敵ですよね〜♪色がすごく優しい色です!!('∇^d) ﾅｲｽ☆!!
へへへ・・・Yurikoさんの壁紙をお借りしました。とてもいい感じですよね。
おかげで、ここのブログも見やすくなったと思ってます。(*^-^)
＞カスタマイズなんて難しいって思っている人もこちらを見たら
＞挑戦したくなるんじゃないかしら？(*'-')
ほめてくださってありがとーございまっす♪励みになりますよ。m(_ _)m
どんなテンプレートでも、この方法でＯＫですからね。
自分で壁紙を設置して見たいという人の役に立てれば・・・って思ってます。(^○^)
Posted by まゆびさんへ at 2006.09.01 07:05 | edit
コメント
＞この壁紙、ｆｃ2のオリジナルだと思っていました。
＞昨日、この壁紙を見たとき、「この壁紙、いいなぁ。」と思っていました。
へへへ・・・実はテンプレートは変更していないのですよ。本当に模様替えだけをしたのです。これまでの自分のカスタマイズも有効だし、気に入った壁紙があればすぐに変更できるし・・・という手軽なカスタマイズなんですよ(*^-^)
＞今度、自分のオリジナルを、作るときに、参考にしようと思います。
お役に立てて大変うれしいですよ。m(_ _)m
素材屋さんも、配布用のテンプレート使用時の条件を満たせば、OKというところが多いと思いますので探してみてくださいね。d(@^∇ﾟ)/ﾌｧｲﾄｯ♪
Posted by ネーちゃんさんへ at 2006.09.01 07:12 | edit
コメント
＞スクロールバーの設置が上手くいかなかったので
＞色々と検索していたところこちらにたどり着きました。
サイドバーにスクロールバーをつけるのに手間取っていたのですね。
ばっちりできていましたね。ｵﾒﾃﾞﾄｰｺﾞｻﾞｲﾏｯｽ♪(*⌒ｰ⌒)o∠★:ﾟ*PAN!
お役に立ててうれしいですよ。m(_ _)m
＞これからも参考にさせていただきたいと思いました♪応援ポチっ.;*☆
応援ありがとーございまっす♪m(_ _)m
ここの記事でよろしければご遠慮なくどうぞ。それぞれの過去記事で参考になりましたら、その記事にコメントしてくださればうれしいです。なお、過去記事コメントも、見落とすことのないようにしてありますので、ご遠慮なくコメント投稿してくださいね。
Posted by モモさんへ at 2006.09.01 07:20 | edit
コメント
うんうん。この背景きれいーーーー♪
昨日のコメントで書いちゃった・・・。ごめんね・・・。
でもキレイだなぁー・・・。とんぼなんだね・・・。
今のところはまだまだよく分からなくて、お借りしているスキンで行くつもりでいるけど、こことかで勉強してもうちょっと分かるようになったらyozoちゃんもいることだし、是非是非かわいいブログに変身させたいなぁー♪
うふふ☆
とりあえずは色々ばたばたしていてやっていないでいることが多いので、それから手をつけるにしてもこれから時間が出来たら参考にさせてもらうねー♪
とってもきれいだよー☆いやされぇーーーーー・・・。ありがとう☆
Posted by enu at 2006.09.01 13:59 | edit
コメント
＞この背景きれいーーーー♪昨日のコメントで書いちゃった・・・。ごめんね・・・。
えっ？そんなことはいいんですよ♪enuちゃんがあやまることじゃないよ♪
yozoが記事にするのが遅いんですからね。ごめんなさい m(_ _)m
これからもテンプレートはこのままで、壁紙だけを交換していこうと思っているので、この記事を見ながら設定をサッサとやってしまおうって魂胆なんです(*^-^)
＞勉強してもうちょっと分かるようになったらyozoちゃんもいることだし、
＞是非是非かわいいブログに変身させたいなぁー♪
(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ 難しく考えなくていいんですよ。ここにURLを貼り付けると、
壁紙が変更できるっていう操作を覚えるだけなのですからね。
慣れているだけだって、やりはじめたらenuちゃんにもわかるよ♪(*^-ﾟ)vｨｪｨ♪
＞これから時間が出来たら参考にさせてもらうねー♪
いつでもその気になったら、参考にしてくださいね。過去記事であっても
ちゃんとチェックしていくようにしてますからね♪
この記事はyozoにとってもメモになってるんですからね。(*^-^)
Posted by enuちゃんへ at 2006.09.01 17:21 | edit
コメント
そうか、エントリの背景は白くしてるんですね？
コレで背景入れ替えても、エントリ内とプラグイン内の表示は確保できますもんね(笑)
コメントになると背景が夕焼けこやけですし、イイカンジですね☆
Posted by Ｐａｖ at 2006.09.01 21:39 | edit
コメント
こんな風に背景を変えられるんですね。
確かに今の私のテンプレはすごく整然としてますが愛想が無いかも（笑）
こちらはすっきり感をのこして、背景を楽しめんですね。
ととろもできるかな？
webの素材屋さんには最近出かけていないので、これからのんびり探してみようかしら・・・季節感のあるのはちょっと入れ替えとか時期を逃しそうな性格なので危険ですが、関係の無い素材でまずは一回やってみるのもいいかも。
実は、悲しいことにプラグインの折り畳みをまたも失敗してしまいました。
どうやら、私のはプラグインがフリースペースばかりなので、そこが問題のようです。それ以外にももごもご・・・
あっ。また関係ないことを書いてしまった。前に再挑戦って言ってたのにだめだったと結果をお伝えしたかっただけなの（笑）。ごめんなさい。
それにしてもとても綺麗な色です。優しい色がお好きですねぇ。
Posted by ととろ at 2006.09.02 02:05 | edit
コメント
＞そうか、エントリの背景は白くしてるんですね？コレで背景入れ替えても、
＞エントリ内とプラグイン内の表示は確保できますもんね(笑)
そうなんですよ。壁紙だけを変更するだけで、ぐっと雰囲気を変更できるように
してます。楽にできるようにしましたよ。(^○^)
＞コメントになると背景が夕焼けこやけですし、イイカンジですね☆
はじめはここも背景色を白色にしようと思っていたのですが、
意外とこれでもいいかも・・・って思って放置してます (ﾟｍﾟ*)ﾌﾟｯ
Posted by Pavさんへ at 2006.09.02 07:51 | edit
コメント
＞こちらはすっきり感をのこして、背景を楽しめんですね。ととろもできるかな？
はい♪めっちゃくちゃ簡単でした。以前はCSSのことがよくわかっておらず(今もあんまり変わらないかも・・・)壁紙を設置できなかったのですが、他のテンプレート同様に小粋空間様のCSSで、body{}を追加してやれば、簡単だと思い至りました。同じく小粋ユーザーのととろさんの目に、この記事が留まるのを待ってましたよ。(*^-^)
＞webの素材屋さんには最近出かけていないので、
＞これからのんびり探してみようかしら・・・
そうなんです。実はyozoにとって、この壁紙選びが一番難儀なんですよ。いくつかお借りして、こっしょり試して、気に入ったものを使ってます。FC2ならプレビューでいくらでも試せますからね。細かいデザインは別テンプレートをダウンロードして、そのテンプレート名を変更して、HTMLとCSSは現在使用中のテンプレートのものをコピペして実験用テンプレートにして時間のあるときにいじってますよ。(^○^)
＞実は、悲しいことにプラグインの折り畳みをまたも失敗してしまいました。
＞どうやら、私のはプラグインがフリースペースばかりなので、そこが問題のようです。
＞それ以外にももごもご・・・
あらら・・・そうなのですか？折りたたみですか？showryさんの説明では、
フリースペースにidを与えて、一つ一つをスクリプトで折りたたむという感じでしたね。
時間あるときにチャレンジしちゃいましょうかね。
ちょっと先になっちゃうかもしれませんが・・・(ﾟｰﾟ;Aｱｾｱｾ
＞あっ。また関係ないことを書いてしまった。
あはは・・・お気になさらないでくださいね。yozoは元来なんでも有りですからね。やむを得ず、記事に無関係なコメントを遠慮していただくようにお願いしているだけなんですよね。┐(￣ヘ￣）┌ ﾔﾚﾔﾚ･･･
Posted by ととろさんへ at 2006.09.02 08:47 | edit
コメント
ご無沙汰していまっす ﾍﾟｺm(_ _;m)三(m;_ _)mﾍﾟｺ
ρﾞ(．． )でうららとおぼっさまの投稿ブログを運営していまっす
http://ukki-bang.seesaa.net/
悩みに悩んでカスタマイズをしておりまして...A=´、｀=)ゞ
初心に立ち返り うさもちゃんのブログ様からコチラの記事に飛んで参りました♪
まだまだ途中なのでお恥ずかしい限り(T∀T)ｳﾙｳﾙ
なのですが･･･もしよろしければお暇な時にでも覗いて見てくださいm(_ _"m)
背景の固定はラブログと若干違う形で指定なのでとても助かりました
ありがとうございまっす♪
(*´ο`*)=3 ﾊﾌﾝ は〜胸のつかえが取れました･･･
ｙｏｚｏさんをご招待できましたし＾＾リンク貼らせてくださいね〜♪
これからもよろしくお願いいたしまっす♪ （ﾊｧｰｽｯｷﾘ♪
Posted by ウッキ at 2007.02.15 15:55 | edit
コメント
こちらこそ、ダタバタドタバタしていて、ご無沙汰しまくりで申し訳ないでっす m(_ _)m
＞ρﾞ(．． )でうららとおぼっさまの投稿ブログを運営していまっす
おお！ペットちゃんたちの投稿ブログですか！しかもSeesaaだなんて、
yozoんちと同じですね(*ﾟｰﾟ)(*｡_｡)ｳﾝｳﾝ♪(ﾟｰﾟ*)(｡_｡*)ｳﾝｳﾝ♪
＞初心に立ち返り うさもちゃんのブログ様からコチラの記事に飛んで参りました♪
カスタマイズでちょっとばかり、お役に立てたようで、とってもうれしいですし、
励みになりまっす♪ ありがとーございまっす♪ m(_ _)m
＞ｙｏｚｏさんをご招待できましたし＾＾リンク貼らせてくださいね〜♪
リンクありがとーございまっす♪こちらからもリンクさせていただきますね。
今後ともよろしくお願いします♪ m(_ _)m
Posted by ウッキさんへ at 2007.02.15 18:54 | edit