スクロールバータグ - クラッシック2

scroll bar tag classic

30種類の以上のスクロールバーでホームページをカスタマイズ！コピー＆ペーストでカンタンに使えるタグ素材集です。スクロールバーご利用の際は、必ずリンクをお願いします。
ホームページ作成の『チョッ』としたアクセントに、スクロールバーを使ってみてはいかがでしょうか？

スクロールバータグ - クラッシック2（30種類）

スクロールバータグ - 設置の方法

コピー＆ペーストで簡単に使用できます！
<head>から</head>の間に入れてください。

<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: lightpink; scrollbar-face-color: lightpink; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: hotpink; scrollbar-face-color: hotpink; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: deeppink; scrollbar-face-color: deeppink; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: salmon; scrollbar-face-color: salmon; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: firebrick; scrollbar-face-color: firebrick; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: red; scrollbar-face-color: red; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: gold; scrollbar-face-color: gold; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: darkorange; scrollbar-face-color: darkorange; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: orangered; scrollbar-face-color: orangered; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: peru; scrollbar-face-color: peru; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: chocolate; scrollbar-face-color: chocolate; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: saddlebrown; scrollbar-face-color: saddlebrown; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: palegreen; scrollbar-face-color: palegreen; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: limegreen; scrollbar-face-color: limegreen; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: olivedrab; scrollbar-face-color: olivedrab; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: skyblue; scrollbar-face-color: skyblue; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: dodgerblue; scrollbar-face-color: dodgerblue; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: navy; scrollbar-face-color: navy; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: lightcyan; scrollbar-face-color: lightcyan; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: skyblue; scrollbar-face-color: skyblue; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: cornflowerblue; scrollbar-face-color: cornflowerblue; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: violet; scrollbar-face-color: violet; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: mediumorchid; scrollbar-face-color: mediumorchid; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: purple; scrollbar-face-color: purple; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: navajowhite; scrollbar-face-color: navajowhite; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: burlywood; scrollbar-face-color: burlywood; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: khaki; scrollbar-face-color: khaki; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>
<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: gainsboro; scrollbar-face-color: gainsboro; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: dimgray; scrollbar-face-color: dimgray; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>	<style type="text/css"><!-- html, body { scrollbar-track-color: black; scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: white; scrollbar-shadow-color: black; } --></style>