++十字紋章++
スタイルシートを使って
真ん中に表示して使う壁紙

GIF形式

普通なら、壁紙はタイルのようにくり返して表示されますが、
それをスタイルシートを使って

「真ん中に一つだけ、固定して表示する」

という命令タグを、ソース内の<HEAD>〜</HEAD>の中に書き込みます

+ 使い方 +

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


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


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

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

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

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


<style type="text/css">
<!--
body {
background-image:url(cross-karakusa01.gif);
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
}
-->
</style>


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


graphix by 丞 +s嬢

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