++ 十字ラインストーン ++

スタイルシートを使って
ページのトップに固定させ、
X軸リピートさせて使う素材。

【 GIF形式 】

<HEAD>〜</HEAD>の中にタグを書き込みます 。

+ 使い方 +

ソースの<HEAD>〜</HEAD>の中に以下のタグを書き込んで下さい
尚、下記のタグ例は、ダウンロードした画像と、それを表示させるhtmlページが
同じフォルダに入っているものとして記述しています。

<style type="text/css">
<!--
body {
background-image:url(画像のファイル名 );
background-position: top ;
background-attachment:fixed;
background-repeat: repeat-x;
}
-->
</style>


着色くしてある文字部分、(画像のファイル名 )は、任意のものです。
このページの下の方から、画像をダウンロードして頂いた時に
お好きな名前で保存してもらい、その名前をこの部分に書きます。

尚、もう一つ茶色くしてある「 center 」という部分を変える事により
色々な場所に画像を表示させる事が出来ます。例えば、
「right bottom」だと右下
「left top」だと左上
「top」だとまん中の上
「left bottom」だと左下
「left」だとまん中の左寄り
「right」だとまん中の右寄りに、画像を固定出来るので
右下だけではなく、お好きな所に表示して使ってみて下さいね。

これで出来上がりです。
そんなに難かしくないので、挑戦してみて下さいね。

ちなみに、このページのタグは以下のようになってます。



<style type="text/css">
<!--
body {background-image: url(line-01.gif);
background-position:top;
background-repeat: repeat-x;
background-color: #000000;
background-attachment:fixed;
}
-->
</style>



画像ダウンロードページへ


このフレーム素材はこちらにあります




NECKDOLL