最短ホームページテンプレートのカスタマイズはどこまで出来る?

背景画像を固定してみる

背景についてはトップページに少し載せてありますがここでは画像を固定させてみたいと思います

背景に使用する画像は横幅1600px以上、縦1200px以上ある方がいいでしょう (必要以上に大きなサイズにすると重くなるだけで見える範囲は限られるため表示確認しながら決めて下さい)

基本テンプレート①のstyle.cssの上部body { 内の4-5段目を全削除します

その位置に以下のソースをコピペして入れ、( )の中は用意した画像のファイル名に変更して下さい


background-image: url(backimage.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: left top;


背景が変わればヘッダーやコンテンツバー、フッターなどもマッチするようにしたくなりますね

ここで紹介しているバラの画像は以下のコピペで使用出来ます(ご自由にお使い下さい)

背景固定の場合、ホームページの中央部分は隠れるため、ある程度画像を選ばないといけません

背景画像を変更してみる

背景が変わるとイメージが変わりますね・・と、そこでもう少しイジってみましょうか