■■人生なんでもありさっ!■■

フリー素材(完全無制限)、猫の写真、気になるニュース、占い、簡単便利で優秀なフリーソフトの紹介など。

このブログリンクフリーです。 by こびとの靴屋

はてなブックマークこびとの靴屋のブックマーク

─ 2017 ・ 10 ─
« 前月 « 12345678910111213141516171819202122232425262728293031 » 次月 »

■■ スポンサーサイト ■■

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

■■ 背景パーツ・フリー素材 ■■


 簡単にですが、背景用パーツを作ってみました。

SideFire.jpg WhiteSideFire.jpg

 もちろんこのふたつはフリー素材です。
 気に入っていただけたなら、画像の上で右クリック「名前を付けて画像を保存」して持っていって頂いてかまいません。
 改変、縮小など自由に使って下さい。


 ・ 左は黒色の背景用です。背景色を "black" または "#000000" に設定されているWEBサイト向きです。
 ・ 右は白色背景用向きです。背景色を "white" または "#ffffff" に設定されているWEBサイト向きです。






 ■ 背景に画像を記述するには、

<style type="text/css">

<!--

body {

background-image: url("画像のURL");

background-repeat: repeat-y;

background-attachment: fixed;

background-color: #000000;

}

 ※上記のように記述すると、WEBページがスクロールしてもこの背景画像だけはじっとそのまま動きません。




 ・ WEBページと共に背景画像もスクロールさせたい場合は、

background-attachment: fixed;

 この1行を消すことでページスクロールにあわせて一緒に動いていくようになります。
 この記述がない場合には、もちろん書き加えることで動かなくなります。





今回の画像の場合、”タテに何回も繰り返して表示する”ようにしてありますが、

background-repeat: repeat-y;

この1行が書かれていないと、自動的に画面全体にまんべんなく
ここで <background-img: url("画像のURL");> 指定した
画像が繰り返されて、まるで”タイルを敷き詰めたみたいに”表示されるようになります。


repeat.jpg
<使用している画像>



 タテではなく、横に画像を並べたい場合は、

background-repeat: repeat-x;

と記述します。



※実例リンクあり : repeat-y、”タイルを敷き詰めたみたいに”、repeat-x

関連記事

コメント

この記事へのコメント
コメントを投稿する
管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL

⇒ http://fairytalisman.blog13.fc2.com/tb.php/79-942bdce3

この記事へのトラックバック

HOME |

先生、聞いて下さい。

血です。

全部血のせいなんです。
みかちゃんニュースヘッドライン
B型による B型のための B型の研究
以前に紹介した記事
画像加工フリーソフト「Jtrim」
セキュリティを楽しんで理解しよう!
Truth is Out There.
メモリーのお掃除&監視ソフト

FC2Ad

まとめ


このブログのシンメトリー倶楽部
─ シンメトリー倶楽部 ─
ウルトラ会長:寺田克也
スペシャル会長:スタパ斎藤

≫スタパストリーム(Webラジオ)で対談

ポチッ!と押すと1票入ります。


テクノラティプロフィールリアルタイムブログサーチ

ブログ・ルポ


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。