テンプレートとアクセスアップのでめらら楽天日記

スクロールＢＯＸ（01）

ＨＯＭＥ >>コピペＢＯＸ１ / ２ / ３ / ４ / ５ / ６ / ７ / スクロールＢＯＸ１ / ２ / ３ / ４ / ５ / ６ / ７ / タイトル１ / ２ / ３ / ４ / ５ / ６ / ７ / ８ / ９ / 10 / 11 / 12 /

使い方
コピペＢＯＸはタグソースをそのままコピー＆ペーストしていただいて利用していただくボックスです。
ボックスの横幅は楽天広場のホームページの表示項目「サブ」と同じ154px(ピクセル)で設定してあります。
幅や高さをそれぞれ変更して使う場合は以下の箇所を変えてください
幅＝ width:152px; の数字を変えてください(borderの幅が2pxありますので、ご注意ください)
高さ＝ height:100px; の数字を変えてください

Black <div style="scrollbar-face-color:#000000;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#000000; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #000000;"> 【内容】 </div>	DimGray <div style="scrollbar-face-color:#696969;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#696969;scrollbar-shadow-color:#696969; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #696969;"> 【内容】 </div>	Gray <div style="scrollbar-face-color:#808080;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#808080;scrollbar-shadow-color:#808080; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #808080;"> 【内容】 </div>	DarkGray <div style="scrollbar-face-color:#A9A9A9;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#A9A9A9;scrollbar-shadow-color:#A9A9A9; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #A9A9A9;"> 【内容】 </div>
Silver <div style="scrollbar-face-color:#C0C0C0;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#C0C0C0;scrollbar-shadow-color:#C0C0C0; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #C0C0C0;"> 【内容】 </div>	LightGrey <div style="scrollbar-face-color:#D3D3D3;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#D3D3D3;scrollbar-shadow-color:#D3D3D3; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #D3D3D3;"> 【内容】 </div>	Gainsboro <div style="scrollbar-face-color:#DCDCDC;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#DCDCDC;scrollbar-shadow-color:#DCDCDC; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #DCDCDC;"> 【内容】 </div>	WhiteSmoke <div style="scrollbar-face-color:#F5F5F5;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#F5F5F5;scrollbar-shadow-color:#F5F5F5; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #F5F5F5;"> 【内容】 </div>
White <div style="scrollbar-face-color:#FFFFFF;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FFFFFF;"> 【内容】 </div>	Maroon <div style="scrollbar-face-color:#800000;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#800000;scrollbar-shadow-color:#800000; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #800000;"> 【内容】 </div>	DarkRed <div style="scrollbar-face-color:#8B0000;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#8B0000;scrollbar-shadow-color:#8B0000; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #8B0000;"> 【内容】 </div>	Red <div style="scrollbar-face-color:#FF0000;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FF0000;scrollbar-shadow-color:#FF0000; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FF0000;"> 【内容】 </div>
OrangeRed <div style="scrollbar-face-color:#FF4500;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FF4500;scrollbar-shadow-color:#FF4500; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FF4500;"> 【内容】 </div>	DarkOrange <div style="scrollbar-face-color:#FF8C00;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FF8C00;scrollbar-shadow-color:#FF8C00; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FF8C00;"> 【内容】 </div>	Orange <div style="scrollbar-face-color:#FFA500;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FFA500;scrollbar-shadow-color:#FFA500; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FFA500;"> 【内容】 </div>	Gold <div style="scrollbar-face-color:#FFD700;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FFD700;scrollbar-shadow-color:#FFD700; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FFD700;"> 【内容】 </div>
Olive <div style="scrollbar-face-color:#808000;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#808000;scrollbar-shadow-color:#808000; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #808000;"> 【内容】 </div>	Yellow <div style="scrollbar-face-color:#FFFF00;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#FFFF00;scrollbar-shadow-color:#FFFF00; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #FFFF00;"> 【内容】 </div>	DarkGoldenrod <div style="scrollbar-face-color:#B8860B;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#B8860B;scrollbar-shadow-color:#B8860B; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #B8860B;"> 【内容】 </div>	SaddleBrown <div style="scrollbar-face-color:#8B4513;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#393939;scrollbar-highlight-color:#8B4513;scrollbar-shadow-color:#8B4513; width: 152px ; height: 100px ; overflow-y: scroll;padding: 5px;border: 1px solid #8B4513;"> 【内容】 </div>