無料ホームページテンプレートの素材屋

トップページ	利用規約	掲示板	サーバー紹介	レンタル紹介	素材屋紹介	リンクする	相互リンク
アフィリエイト	初心者	HTML	TABLEタグ	スタイルシート	色の見本	タグ練習	タグ辞典

改造するポイント

scrollbar-base-color:#色;	…	スクロールの全体的な色を指定。（CSS）
scrollbar-arrow-color:#色;	…	矢印部分の色を指定。（CSS）
scrollbar-highlight-color:#色;	…	内側の立体の明るい部分の色。（CSS）
scrollbar-shadow-color:#色;	…	内側の立体の暗い部分の色。（CSS）
scrollbar-3dlight-color:#色;	…	外側の立体の明るい部分の色。（CSS）
scrollbar-darkshadow-color:#色;	…	外側の立体の暗い部分の色。（CSS）
scrollbar-track-color:#色;	…	スライドさせる部分の背景色。（CSS）
scrollbar-face-color:#色;	…	一番中になる中身部分の色。（CSS）
border-style:種類;	…	枠線の種類を指定。none＝なし（CSS）
padding:数;	…	周りに余白をつけれる。（CSS）
textarea rows="数" cols="数"	…	rows="数"で縦段数、cols="数"で横幅。
body	…	サイト全体のスクロールバー色を変える場合 <body style="効果"> という感じに書く。

MENU

【一覧にもどる】

■ スクロールA01
■ スクロールA02
■ スクロールA03
■ スクロールA04
■ スクロールA05
■ スクロールA06
■ スクロールA07
■ スクロールA08
■ スクロールA09
■ スクロールA10
■ スクロールB01
■ スクロールB02
■ スクロールB03
■ スクロールB04
■ スクロールB05
■ スクロールB06
■ スクロールB07
■ スクロールB08
■ スクロールB09
■ スクロールB10

■ スクロールC01
■ スクロールC02
■ スクロールC03
■ スクロールD01
■ スクロールD02
■ スクロールD03
■ スクロールE01
■ スクロールE02
■ スクロールE03
■ スクロールE04
■ スクロールF01
■ スクロールF02
■ スクロールG01
■ スクロールG02
■ スクロールH01
■ スクロールH02
■ スクロールH03
■ スクロールH04
■ スクロールH05
■ スクロールH06

【TOPにもどる】

素材

サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc33cc;scrollbar-arrow-color:#88d455;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#663366;scrollbar-arrow-color:#ffcdff;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ddbb33;scrollbar-arrow-color:#3366ff;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#9999cc;scrollbar-arrow-color:#cccccc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc99ff;scrollbar-arrow-color:#993399;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ffaa44;scrollbar-arrow-color:#77f3f5;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc9988;scrollbar-arrow-color:#6600cc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#bbf3e4;scrollbar-arrow-color:#dd8866;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ff9966;scrollbar-arrow-color:#ffdd22;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ff6699;scrollbar-arrow-color:#ffccff;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#2211cc;scrollbar-arrow-color:#dd9966;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ffbbf4;scrollbar-arrow-color:#9444c4;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#3399cc;scrollbar-arrow-color:#99cccc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#0066cc;scrollbar-arrow-color:#9999cc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#5577dd;scrollbar-arrow-color:#88ccff;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#6688ff;scrollbar-arrow-color:#2222dd;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ff9999;scrollbar-arrow-color:#dddddd;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc8833;scrollbar-arrow-color:#fe9993;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#b5a566;scrollbar-arrow-color:#eebb66;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc99ff;scrollbar-arrow-color:#bb4477;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ff6699;scrollbar-arrow-color:#eeaaee;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#ff8866;scrollbar-arrow-color:#ffdd77;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc5555;scrollbar-arrow-color:#ddaa66;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc88cc;scrollbar-arrow-color:#7744cc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#cc99ff;scrollbar-arrow-color:#7788bb;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#995555;scrollbar-arrow-color:#ffcc33;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#aa99aa;scrollbar-arrow-color:#ff99f4;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#febbfe;scrollbar-arrow-color:#cc7777;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#b5ea62;scrollbar-arrow-color:#ee7777;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#77bb22;scrollbar-arrow-color:#bbff88;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#dd9788;scrollbar-arrow-color:#339900;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#bfb6ff;scrollbar-arrow-color:#33bb88;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#66cc99;scrollbar-arrow-color:#ffffcc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#6688dd;scrollbar-arrow-color:#ccff77;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#52a242;scrollbar-arrow-color:#88f5aa;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#bbffaa;scrollbar-arrow-color:#77ccaa;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#bbee44;scrollbar-arrow-color:#ee9955;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#11aa88;scrollbar-arrow-color:#99ccff;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#99aa88;scrollbar-arrow-color:#009966;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->	サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字この部分をコピーして使用 <!--★始まり--> <textarea rows="5" cols="34" style="border-style:none;scrollbar-base-color:#99aaff;scrollbar-arrow-color:#ccffcc;padding:4px;"> サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字 </textarea> <!--終わり★-->

▲上に移動