*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

 >  Template >  カスタマイズ >  ct_responsive のカスタマイズ(背景画像変更)

ct_responsive のカスタマイズ(背景画像変更)

トップの画像をご自身のお好きな画像に変更したら、それに合わせて是非♪背景画像もお好みのものに変更してみましょう。
背景の画像は、前記事のRead More 『背景色変更』にも記述して有る箇所です。
スタイルシート編集枠内上部(ほんの少しスクロールした所)の

body::before{
background:#fff url(https://blog-imgs-122.fc2.com/s/o/r/sorauta1/wgg-st4.png) repeat center; /* 色+背景画像 */
position:fixed;
display:block;
top:0;
left:0;
width:100%;
height:150%;
content:"";
z-index:-1;
transform:translate3d(0,0,0);
}

赤い文字の部分が背景画像です。ここをご自身でアップロードした画像URLに変更します。

サンプル↓画像をクリックすると背景が変わります。(PCのみ)
サンプル画像1サンプル画像2サンプル画像3
Background image reset


素材:web material *Essence

因みに、上記画像URLは左から
https://blog-imgs-38.fc2.com/s/o/r/sorauta1/la-b.jpg
https://blog-imgs-123.fc2.com/s/o/r/sorauta1/flo-y1.jpg
https://blog-imgs-123.fc2.com/s/o/r/sorauta1/cr-gc.gif
です。お気に召すすものがございましたらご利用下さい。
(赤い文字部分に上記URLを入れるとご利用頂けます。)

コメント






管理者にだけ表示を許可する