++ 十字ラインストーン ++
スタイルシートを使って
ページのトップに固定させ、
Ｘ軸リピートさせて使う素材。
【
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>
このフレーム素材はこちらにあります