[ TOP > MATERIAL > クリスマス特集 > ツリー ]

ホームページ用の壁紙として出来るだけシンプルなイラストで模様にした背景素材にしてます。
小さなサイズの素材をタグの指定で並べて壁紙のように利用するイラストのパターン素材なので
データ容量も少なく利用しやすいと思います。

スポンサーリンク

[素材メニューに戻る]

[ 壁紙素材 クリスマス ツリー その3 ]

line

〜クリスマス(ツリー飾り)〜(シンプルな壁紙素材です)
クリスマスツリーの飾りのミラーボールや雪やリースの壁紙です。

素材をクリックすると背景がかわります。
白色<<ココをクリックすると元の白背景に戻ります。

W100xH100ピクセル 1.3−2.3k
シンプルなツリーの飾り イラスト壁紙 2 3 4
W100xH100ピクセル 2.9−3.4k
リースとミラーボール イラスト背景 6 7 8

イベント クリスマスの背景素材は トナカイサンタクロースクマサンタクリスマスソックスなどもあります。

<画像の保存(Win)>
1.保存したい素材画像の上でマウスを右クリックします。
2.ダイアログが出てくるので「名前をつけて画像を保存(S)」をクリックします。
3.画像保存設定のウィンドウが出てくるので
 a.画像の保存場所を決めます。b.ファイル名をそのままか又は変更します。c.ファイルの種類は変更しないでください。
(a.b.c)設定した後に保存ボタンを押すと画像の保存完了です。

<パターン画像の使い方>
背景にパターン画像を敷き詰めて背景画像に利用できます。
1.背景に使うパターン画像を用意します。
2.HTMLに表示させるタグを入力します。
入力するタグの一例(スタイルシートCSS)

HTMLタグ
<html>
<head>
<title>ホームページタイトル</title>
<style type="text/css">
body {
background-image: url(画像の保存場所);
background-repeat: repeat;
}
</style>

</head>
<body>

</body>
</html>
左のタグの赤字部分がスタイル
シートの背景画像指定タグです

[background-repeat: repeat;] の
repeat  が全画面に敷き詰めで
repeat-x は水平に並べる
repeat-y は垂直に並べる
指定になります

上記とは別に
[background-position: top;]を追加
すると位置を指定できます
topの部分をcenterとbottomとleftと
rightに変更可能です

当サイトの配布画像は背景に敷き詰めたときにできるだけ違和感のない連続性を
意識して制作しています。欲しい素材が見つかり利用して頂けたら幸いです。


SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送