川蜻蛉の舞う渓にて

告知！
テンプレートのカスタマイズ、編集をやり直しました（＾＾）ｂ
更に判りやすくなるように心がけましたので、興味のある方は
「テンプレートのカスタマイズ目次」
最近アチコチで、私の記事を参考にカスタマイズをしている方を見かけるようになりました♪
凄い励みになります！！！

ここで、一つお願いです
カスタマイズが上手く言った方、ぜひ周りの方に改造方法を教えてあげてくださいm(__)m
私の名前・ブログを出す必要はありませんよ♪
「出来ました」報告も必要は無いです
もちろん、紹介していただいたり、報告をくれるのであれば、嬉しいですし大歓迎です（＾＾）ｂ

基本編、最後は
ブログ背景の変更です。

ブログの背景って・・・どこ？
今の私のテンプレートでは説明しづらいんですが・・・
サイドバーの更に外側・・・例えば「シンプルレッド」では、外側が薄いピンク色になってますよね？
そこにもオリジナルのデザイン（写真も含む）を入れることも、可能なんです♪

１．スタイルシート
body{
color:#CCC;
margin:0px;
text-align:center;
background: #BFCCB3
urｌ(//img01.naturum.ne.jp/usr/kawatombo/haikei.JPG);
　}
黄色の部分は、写真を入れなかった場合の背景色
青い部分が画像の設定場所です　url(・・・・)の部分がないテンプレートの場合は、この文章を加えてください
ちなみに、この設定では、同じ画像が並んで繰り返し表示されます

繰り返したくない場合は、
background-repeat: no-repeat;
background-position: left top;
この二つの文を加えると、良いです♪
「left」の代わりに「right」「center」、「top」の代わりに「bottom」を使用することも可能です

そして更に
background-attachment: fixed;
この文章で、画像をスクロールしても動かなくすることも可能です

上手に組み合わせれば、例えば細長く加工した「大物」の画像を、左側に常に表示させる・・・
なんてテンプレートも可能な訳です（＾＾）ｂ

２．画像の準備
ここは、あくまでブログ本体を引き立たせるための「背景」なので
多くの人は、模様や、文字などをデザインして、入れることが多いようです
私の場合

以前のテンプレートでは、この画像の繰り返しを使用していました
こういう画像も、以前アップした「Excelで写真編集」を参照すれば、簡単に出来ますよ♪
大きさは、この写真の場合300×200

うかつに写真を使ってしまうと、デザインが物凄くゴチャゴチャした感じになるので、
「控えめ」が無難だと、思いますよ！！

３．改造方法
他のカスタムと同様に、画像をアップして、そのURLを
緑字の
url(・・・・)カッコ内に入れてやれば、OKです！！


この背景、上手く使えば改造の幅が広がるようでして
実は今のテンプレートは、トップ画像ではなく、背景を使って、このデザインを作ってあるんです！
こういった、背景を使った表紙の作り方は、今研究中でして・・・
判明したら、また「応用編」で、アップしましょう！！

Kawatombo Ken

この記事が役に立ったと思ったら・・・
ぜひご協力くださいm(__)m

にほんブログ村のランキングに参加中です！
一日一回ワンクリックお願いします♪