壁紙が一緒に動くと見づらかったりしますよね。 このページの壁紙はスクロールしても文字と一緒に動きません。 このように壁紙が動かないように固定するタグがこちらです。 <style type=text/css> <!-- body{ background-image:○○.gif; background-attachment:fixed;} --> </style> このタグをコピーペーストしてページの<head>〜</head>の間に入れてください。 ○○.gifの部分を壁紙のファイル名に変更してください。 <body>タグの中にも<body background="○○.gif">と壁紙の指定を入れてください。 |
サンプルページはこちら <STYLE type="text/css"> <!-- BODY{background : #FFFFFF url("○○.gif") no-repeat fixed 85% 85%;} //--> </STYLE> このタグをコピーペーストしてページの<head>〜</head>の間に入れてください。 ○○.gifの部分を背景画像のファイル名に変更してください。 fixed 85% 85%の数字を変えることで微妙な配置が可能。 ちなみに15% 85%なら画像は左下に表示されます。 つまりは左の数値は左右の位置で、右の数値は上下の位置になります。 |
↑上のラインは単なる線で出来ているラインです。 こちらがそのタグ↓使用したい場所にコピーペーストすればOK <HR width="300" size="3" color="#FF6666"> width="300"の数字部分で長さを調整。size="3"で幅を調整。 size="3"の部分をsize="1"にした場合はこのようになります↓ |
↑上のラインは素材を使用せずにHTMLのタグで作成しています。 こちらがそのタグです↓使用したい場所にコピーペーストすればOK <HR width="300" size="3" color="#FF6666" style="border-style:dotted"> width="300"の数字部分で長さを調整。size="3"で幅を調整しているので こちらのドットラインであればsize="4"までが綺麗に表示されるかと思います。 size="3"の部分をsize="1"にした場合はこのようになります↓ |