←トップページに戻る
□■ スクロールバーのダウンロードコーナー

■FREE SOFTWARE[ フリーソフトウェア ] ご使用の際には必ず貴サイトからリンクを貼ってください。
●選択式フリースクロールバー画像編 -Free-
ページに直接挿入、コピー&ペーストで簡単使用!
【使い方】
ページのソースの上部に </head> とありますので、その直前の行にスクロールバー素材を
コピー&ペーストで貼り付けてください。下記は貼り付け例。
さらに、<body>タグも変更し、下記貼り付け例の赤の部分は必ずソースに入れてください。
中身は「ここにページの内容を書く」の部分に書き入れてください。
画像編の画像はすべて姉妹サイトの「フリー素材の街素材の繁華街」のものを利用しています。
画像編のスクロールバーをご利用の際には、かならず、「フリー素材の街素材の繁華街」にも
リンクを貼ってください。 ↓
| 下記リンクタグをソースに書き入れてください。 |
 |
| <a href="http://www.sozc.com/"><img src="../gif/sozc-banner.gif" alt="フリー素材の街 素材の繁華街" width="88" height="31" border="0"></a> |
必ず画像はダウンロードし、あなたのサーバーにアップロードしてご利用ください。
直リンクはご遠慮願います。
| |
■貼り付け例
<head>
・
・
・
<!--スタイルシート start-->
<style type="text/css"><!--
body{ この部分は必ずあなたのサーバーのURL
background-position:right; ↓に書き換えてください。
background-image:url(画像へのパス 又は 画像のURL);
background-repeat:repeat-y;scrollbar-3dlight-color:#c0c1c2;
background-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#c0c1c2;
scrollbar-face-color:#c0c1c2;
scrollbar-highlight-color:#c0c1c2;
scrollbar-shadow-color:#c0c1c2;
scrollbar-track-color:#FFFFFF;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
.imgscroll{
filter:chroma(color=#c0c1c2);
}
--></style>
<!--スタイルシート end-->
</head>
<body scroll="no">
< div class="imgscroll" style="width:100%;height:100%;overflow:auto;background-color:#ffffff;">
ここにページの内容を書く
< /div>
< /body> |

■スクロールバーたち
↓下記からスクロールバーの種類を選んでクリックしてください。
■フリースクロールバー101 □矢印つき画像バー1...................................[7素材]
←トップページに戻る
|