FC2ブログ

ブログの壁紙をアジサイに変更!!

2006年05月14日
昨日の夜、壁紙などを変更いたしました!!
まゆびの大好きなあじさいです♪
雨は嫌いだけど、あじさいは好きー♪(*´∇`*)
ブログ用の素材をいろいろ探していたのですが、
今回も前回と同じく「柚莉湖♪風と樹と空と♪」さまより
画像をお借りして来ました♪
「柚莉湖♪風と樹と空と♪」さまには本当にお世話になっています。
ありがとうございます。<(_ _)>

前回のブログのカスタマイズのときに苦労したので、
今回は楽に出来ました。

皆さんの役に立つかは分かりませんが
(FC2以外の方には全く役に立たないかも。
以下は読み飛ばしちゃってくださいませ♪(爆))
覚え書きとして手順を書いてみます♪

(1)背景画像を変更する
まずは背景画像をアップロードします。
そしてテンプレートの背景画像URLの指定を変更です。
BACKGROUND-IMAGE : url("http://~.gif");
↑このURLの部分(赤字部分)を新しい画像のURLに変更すればOK!!

(2)プラグイン(右サイドバーのパーツ)の左上の画像を変更する
こちらもまずは画像をアップロードします。
プラグインのテーブルはplugin_tableとクラスが決められていますので、
CSSの.plugin_tableというのを探して、その中の
BACKGROUND-IMAGE : url("http://~.gif");
のURLを変えます。
画像を左上に出すために
background-position: top left;
とします。もしも下にしたければtopをbottom、
右なら、leftをrightにすればOK!!

(3)記事の方にも画像を入れる
こちらは初めてやってみました。
記事のテーブルはentry_tableというクラスになっています。
こちらのBACKGROUND-IMAGEの画像を(1)(2)と同じように変更。
そして画像の位置を右下にしたいので、
background-position: bottom right;
としました。
ところがここで問題が!!
コメント投稿のテーブルやトラックバックのテーブルにまで
画像が入ってしまいました。。。orz
そこで記事のテーブルだけクラスを変更します。
まずはHTMLの方のエントリの記述部分を探します。
<table width="530" border="1" cellspacing="0" bordercolor="#CFF6C7" cellpadding="0" class="entry_table" bgcolor="#ffffff">
この記述のclass="entry_table"をclass="entry_table1"に変更します。
次にCSSの.entry_tableと書かれた部分を探してください。
.entry_table{
width: 530px;
margin: 0px 30px 50px 0px;
color: #ffffff;
BACKGROUND-IMAGE : url("");
BACKGROUND-attachment : fixed ;
BACKGROUND-repeat : no-repeat ;
background-position: bottom right;
background-attachment:fixed;
margin: 0;
padding: 0;
text-align:top left ;}
↑こんな感じの部分が見つかります。
これをコピーして下に同じものを作成し、
.entry_tableを.entry_table1に変更してから、
中のURLやbackground-positionを変更すれば
記事の部分のテーブルだけを変更することが出来ます。

.entry_table1{
width: 530px;
margin: 0px 30px 50px 0px;
color: #ffffff;
BACKGROUND-IMAGE : url("http://~.gif");
BACKGROUND-attachment : fixed ;
BACKGROUND-repeat : no-repeat ;
background-position: bottom right;
background-attachment:fixed;
margin: 0;
padding: 0;
text-align:top left ;}
↑こんな感じの記述が増えます。

(4)ブログの説明を表示させないようにする。
「のんびり前進じたばた生活」というタイトルの下にブログの説明を出していたのですが、
今回の画像は上に絵があり重なって読みにくいので
説明部分を消すことにしました。
ただ削除してしまうと、今度戻すときに困るので、
表示させなくするという方法をとります。
このブログの説明はHTMLの
<div class="site_intro"><%introduction></div>
という部分で表示されています。
HTMLでは<!--○-->とすると○の部分は表示されなくなります。
(注意 <!-- -->は必ず半角で!!)
これを使えば自分のために説明を入れておくことができます。
例えば<!--ここに背景画像を追加した-->などと書いておくと
あとでテンプレートを直すときに分かりやすくなります。
今回は上の部分を○の部分に入れました♪
<!--<div class="site_intro"><%introduction></div>-->
こうなります!!これで表示されなくなります!!


もしも試してみる方がおられましたら、
必ずバックアップをとってからにしてくださいね♪
どんな不具合がでるかは分かりませんので。
まゆびもバックアップを忘れてパソコンを壊したくなったことがありました。。。(爆)

長々とお付き合いいただきありがとうございましたー!!(笑)
さぁ、ブログのイメチェンも出来たことだし、
次はうさびのアジサイ背景を探しに行こうっと♪(o^-^o) ウフッ

↓いつもブログに来てくださりありがとうございます♪
たくさんのコメント嬉しいです♪
ヾ( ̄ω ̄〃)ノヾ(_ _〃)ノヾ( ̄ω ̄〃)ノヾ(_ _〃)ノウンウン
スポンサーサイト



スレッドテーマ:テンプレート:ブログ

メイン

トラックバックURL


トラックバック

コメント

まゆびちゃん、こんばんは^^
統一されててとっても素敵なテンプレートになりましたね。
(^ー^)お疲れ様でしたぁ~♪
あじさいに虹がかかっているのがとても良い感じです。
素敵な背景にうっとりしてます(^-^)
記事の中とコメント記事の上に画像が入ると見栄えもあり綺麗ですね。
そして詳しい説明をありがとう^^


ブログデザイン、爽やかですねー。今日は晴れましたが先週一週間ジメジメでした。しかも明日からまた崩れるらしい。
アジサイに虹が掛かって雨上がりを思わせる画像がステキ。サイドバーのアジサイもとても可愛いです。

そうそうFC2の変更が上手くいかないのでいろりろやってるんだけど、難しいね。こちらを参考にさせていただきますね。
でも、ととろが借りたシートには「BACKGROUND-IMAGE : url("http://~.gif"); 」が無いんだよ。だから勝手に書き加えたけど反映されないので、きっと入れる場所が違うんだろうなと思ってます。
まだじぇんじぇん出来ないけど、これからの参考にさせていただきますね。

コメント書くのがすっごく楽しいよー>コメント欄イラスト!ナイス!
ゆうゆさん、こんばんは♪(='▽')
>統一されててとっても素敵なテンプレートになりましたね。
ヾ(@⌒▽⌒@)ノワーイ! ありがとうございますー♪
素材屋さん巡りをしていたら素敵な絵がいっぱいあったので
いろいろと試してみました♪(o^-^o) ウフッ
>あじさいに虹がかかっているのがとても良い感じです。
雨上がりって感じで梅雨の画像のわりには爽やかで気に入ってます♪
>記事の中とコメント記事の上に画像が入ると見栄えもあり綺麗ですね。
記事とコメント投稿で使っている画像がとっても気に入っていて
どこに使おうか悩んじゃいました。
そう言ってもらえると本当に嬉しいです♪o(・∇・o)(o・∇・)o ヤッタ!
ととろさん、こんばんは♪ヽ(=´▽`=)ノ
>今日は晴れましたが先週一週間ジメジメでした。しかも明日からまた崩れるらしい。
こちらもそうです。雨が降らないのももちろん困るのですが、
ジメジメしていると気分もふさいじゃいますよね。(ー。ー)フゥ
>アジサイに虹が掛かって雨上がりを思わせる画像がステキ。
>サイドバーのアジサイもとても可愛いです。
「柚莉湖♪風と樹と空と♪」さまのところにはいろんな素敵な画像があって
どれにしようか悩んじゃいました。
昨日の夜は画像をあれこれ変えてはどれがいいか考えていましたよ!!(笑)
>そうそうFC2の変更が上手くいかないのでいろりろやってるんだけど、難しいね。
やっぱり慣れるまでは時間がかかりますよね。
そのブログの運営会社の独自の書き方があって
まゆびもライブドアの方では違うことだらけで苦労してます。。。
>でも、ととろが借りたシートには
>「BACKGROUND-IMAGE : url("http://~.gif"); 」が無いんだよ。
共有テンプレートじゃないのかな?
まゆびが使っているテンプレは大体あったんだけど。。。
>きっと入れる場所が違うんだろうなと思ってます。
それはありえます!!同じ言葉があちらこちらに出ているので
違うBACKGROUND-IMAGE のところに設定していたこともありました。(笑)
プレビューでいろいろ試してみると勉強になりますよ!!
>コメント書くのがすっごく楽しいよー>コメント欄イラスト!ナイス!
ワーイ♪ ヘ(゚∇^ヘ)(ノ^∇゚)ノ ヘ(^∇゚ヘ)(ノ゚∇^)ノ ワーイ♪
がんばった甲斐がありましたーー!!
コメント書いてくださる方たちに楽しんでもらえているなら本当に嬉しいです♪(*゚▽゚*)
こんばんは。まゆびさん。
あじさい、きれーだねー。すごくいいよー。うんうん。
かわいし、季節感もあって、すごーくステキです。
ますます可愛らしいブログになったねー。
未だ、、、初心者で、あんまりわからないことが多いのだけれど、今回のまゆびさんの、解説は、今の自分に出来るかわからないけど。。。やりたいと思ったときの、参考になるよー。
私もFC2ブログもってるから、、、うんうん。
いつか、こんな感じで出来たらいいなぁーーー。
私も参考になりましたーー♪ありがとうねー。覚えておくねー。うんうん。
enuさん、こんばんは♪(*^-^)ニコ
ありがとうございます。<(_ _)>
以前にテンプレートのカスタマイズをしたときは
本当に何日も苦労したのですが、今回は画像を変えるだけなので
わりと楽にできました♪(o^-^o) ウフッ
まゆびも初めはFC2の共有テンプレートから探していたのですが、
なかなかいいのが見つからなくて。。。
素材屋巡りをしたときに素敵な画像を見つけて、
これを使いたいと思ってがんばったのでした!!
>やりたいと思ったときの、参考になるよー。
そういってもらえると嬉しいですー♪(゚-゚*)(。。*)ウンウン
プレビュー画面があるのでいろいろ試してみると面白いですよ!!
まゆびさん、こんばんは!
あじさい綺麗ですね♪^^
こちらはやっと桜が咲いたところなんですよ~
今週お花見に行く予定です!^^

ブログのカスタム化、楽しいですよね!
メインのブログ人は無料だとあまりカスタム化できないので、馬ブログのほうをカスタム化して遊んでます^^
素材のサイト巡りしてると、ついつい色々使いたくなりますよね!
まだまだ勉強中ですが、いつかHP作りたいなぁ~なんて思ってます。
(ささやかな夢ですが・・・)
説明とても分かりやすいです!
今度私もテンプレートいじってみようかなぁ~
また色々教えて下さいね♪
しゃおりんさん、こんばんは♪(^▽^)/
>こちらはやっと桜が咲いたところなんですよ~
そうみたいですね!!まゆびのブログのお友達は北海道の方が多いのですが、
あちらこちらのブログで桜の写真を見ます♪
本当に遠いんだなぁ、北海道!!
お花見楽しんできてくださいね♪ヽ(=´▽`=)ノ

>メインのブログ人は無料だとあまりカスタム化できないので、
>馬ブログのほうをカスタム化して遊んでます^^
やっぱりブログの運営会社によって出来ること出来ないことが違うのですね。
FC2はわりと何でもできるのでいろいろ遊んでしまいます♪
>素材のサイト巡りしてると、ついつい色々使いたくなりますよね!
そうなんです。優柔不断なので本当に困ります!!(爆)
>まだまだ勉強中ですが、いつかHP作りたいなぁ~なんて思ってます。
まゆびもいつかは作ろうと思ってます!!
お互いにがんばりましょうね!!(*゚▽゚)ノ
>説明とても分かりやすいです!
そう言ってもらえると本当に嬉しいですわー。
やり方を忘れちゃったりするので備忘録にしようと思って、
がんばって記事にしてみました♪
>今度私もテンプレートいじってみようかなぁ~
>また色々教えて下さいね♪
うんうん。お暇なときにでもやってみてくださいね♪
まゆびもまだまだ分からないことだらけですが、
お役に立てることがありましたら、いつでもどうぞ♪(='▽')
まゆびさん、こんばんはー♪
めっちゃ素敵ですね。ここの画像もとてもいいですよ。
全然記事の邪魔になっていないですもんね。
(b^ー゚)!!(゚∇^d)~~ ベリーベリーグッド
それにしても、この記事はとてもわかりやすく書かれていますね。
テンプレをいじるときには本当にセレクタを探すのがうっとおしいですもんね。
助かりますよ。あとは背景画像を選んでくるのに時間がかかるのは
仕方ないですもんね(笑)('∇^d) ナイス☆!!

yozoさん、こんばんは♪ヾ(=^▽^=)ノ
>めっちゃ素敵ですね。ここの画像もとてもいいですよ。
ありがとうございます。<(_ _)>
「柚莉湖♪風と樹と空と♪」さまのおかげでまゆびのブログも
可愛くなりました♪
あれもこれも使いたい画像があったので
記事にまで画像を入れてしまいました♪(o^-^o) ウフッ
>それにしても、この記事はとてもわかりやすく書かれていますね。
>テンプレをいじるときには本当にセレクタを探すのがうっとおしいですもんね。
ヾ(@⌒▽⌒@)ノワーイ! ありがとうございます♪
初めはどの言葉がどの部分を指すのかが分からなくて苦労したのですが、
やっていくうちにちょっとずつ分かるようになってきました。
これが分かるとテンプレいじりも楽しくなります♪(゚-゚*)(。。*)ウンウン
画像を探すのは時間はかかりますが楽しい作業ですからね!!
時間がかかるから早めに探しに行かないとねー!!(笑)
こんにちは!
これからの季節にピッタリなテンプレですね
うさびちゃんの背景も季節やイベントごとに変わってたりして
まゆびさんは本当にマメだなぁと感心しちゃいますよ~
 
私も色々やってみたいけど やり方読んでるだけで挫折しそうな
根性ナシなのでいつになることやら σ(^_^;)

当分は きゃあ これカワイイ とか言いながら 見て楽しむ方かな~
これからも 楽しませてくださいねv-237(注文?)



memepiさん、こんにちは♪(o^∇^o)ノ
>これからの季節にピッタリなテンプレですね
ありがとうございます。<(_ _)>
素材屋さん巡りをすると本当に素敵な画像がたくさんで、
使いたくって仕方がないんです♪(笑)
あじさいは本当に大好きですし♪(o^-^o) ウフッ
>うさびちゃんの背景も季節やイベントごとに変わってたりして
>まゆびさんは本当にマメだなぁと感心しちゃいますよ~
面倒くさがりなんだけど、可愛いものは大好きなので、
時間のあるときに頑張ってます♪(笑)
まゆびも始めた頃はひとつのことをやるのにすごく時間がかかって、
いらいらしちゃってましたが、覚えると楽にできるようになってきました。
memepiさんもお忙しいでしょうがひとつずつでもやっていくと
慣れて早くできるようになりますよー♪(゚-゚*)(。。*)ウンウン
>当分は きゃあ これカワイイ とか言いながら 見て楽しむ方かな~
>これからも 楽しませてくださいね(注文?)
おお!!注文承りましたー!!(爆)
また季節ごと、または気分でいろいろ変えていくつもりです♪お楽しみにー♪(o'▽')

コメントする

サイト管理者にのみ通知する
コメントをプレビューする?
ご利用のブラウザ、設定ではご利用になれません。

|

Copyright c 200x xxxxx. All Rights Reserved.

/for one column -->