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

ＢＯＸタイトル（12-4）

ＨＯＭＥ >>コピペＢＯＸ１ / ２ / ３ / ４ / ５ / ６ / ７ / スクロールＢＯＸ１ / ２ / ３ / ４ / ５ / ６ / ７ /
[ ♥ １ / 1-2 / 1-3 / 1-4 ] [ ♦ ２ / 2-2 / 2-3 / 2-4 ] [ ♠ ３ / 3-2 / 3-3 / 3-4 ] [ ♣ ４ / 4-2 / 4-3 / 4-4 ] [★ ５ / 5-2 / 5-3 / 5-4 ]
[ N ６ / 6-2 / 6-3 / 6-4 ] [ A ７ / 7-2 / 7-3 / 7-4 ] [ Y ８ / 8-2 / 8-3 / 8-4 ] [ ♥ ９ / 9-2 / 9-3 / 9-4 ] [ Y 10 / 10-2 / 10-3 / 10-4 ]
[フィルタa 11 / 11-2 / 11-3 / 11-4 ] [フィルタb 12 / 12-2 / 12-3 / 12-4 ]

使い方
コピペＢＯＸの タイトル 部分は着せ替え人形のように差し替えができます。もちろんスクロールタイプのＢＯＸの上に付けていただいてもＯＫです。
タグソースをそのままコピー＆ペーストしていただいてあらかじめ付いているタイトル部分と入れ替えてみてください(同系色だけでなく違う色との組み合わせもいいですよ！)
ボックスの横幅は楽天広場のホームページの表示項目「サブ」と同じ154px(ピクセル)で設定してあります。
幅や高さをそれぞれ変更して使う場合は以下の箇所を変えてください
幅＝ width:154px; の数字を変えてください

CadetBlue 【タイトル】 <div style="width:154px; background-color:#5F9EAD; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	CornFlowerBlue 【タイトル】 <div style="width:154px; background-color:#6495ED; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	SlateGray 【タイトル】 <div style="width:154px; background-color:#708090; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	LightSlateGray 【タイトル】 <div style="width:154px; background-color:#778899; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
SkyBlue 【タイトル】 <div style="width:154px; background-color:#87CEEB; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	LightSkyBlue 【タイトル】 <div style="width:154px; background-color:#87CEFA; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	LightBlue 【タイトル】 <div style="width:154px; background-color:#ADD8E6; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Paleturquoise 【タイトル】 <div style="width:154px; background-color:#AFEEEE; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
LightSteelBlue 【タイトル】 <div style="width:154px; background-color:#B0C4DE; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	PowderBlue 【タイトル】 <div style="width:154px; background-color:#B0E0E6; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	LightCyan 【タイトル】 <div style="width:154px; background-color:#E0FFFF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Lavender 【タイトル】 <div style="width:154px; background-color:#E6E6FA; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
Azure 【タイトル】 <div style="width:154px; background-color:#F0FFFF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	AliceBlue 【タイトル】 <div style="width:154px; background-color:#F0F8FF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	GhostWhite 【タイトル】 <div style="width:154px; background-color:#F8F8FF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Indygo 【タイトル】 <div style="width:154px; background-color:#4B0082; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
DarkViolet 【タイトル】 <div style="width:154px; background-color:#9400D3; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	BlueViolet 【タイトル】 <div style="width:154px; background-color:#8A2BE2; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	DarkOrchid 【タイトル】 <div style="width:154px; background-color:#9932CC; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	DarkSlateBlue 【タイトル】 <div style="width:154px; background-color:#483D8B; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
MediumOrchid 【タイトル】 <div style="width:154px; background-color:#BA55D3; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	SlateBlue 【タイトル】 <div style="width:154px; background-color:#6A5ACD; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	MediumSlateBlue 【タイトル】 <div style="width:154px; background-color:#7B68EE; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	MediumPurple 【タイトル】 <div style="width:154px; background-color:#9370DB; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
Purple 【タイトル】 <div style="width:154px; background-color:#800080; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	DarkMagenta 【タイトル】 <div style="width:154px; background-color:#8B008B; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Magenta 【タイトル】 <div style="width:154px; background-color:#FF00FF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Fuchsia 【タイトル】 <div style="width:154px; background-color:#FF00FF; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
DeepPink 【タイトル】 <div style="width:154px; background-color:#FF1493; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Crimson 【タイトル】 <div style="width:154px; background-color:#DC143C; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	MediumVioletRed 【タイトル】 <div style="width:154px; background-color:#C71585; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	HotPink 【タイトル】 <div style="width:154px; background-color:#FF69B4; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
Orchid 【タイトル】 <div style="width:154px; background-color:#DA70D6; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	PaleVioletRed 【タイトル】 <div style="width:154px; background-color:#DB7093; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Violet 【タイトル】 <div style="width:154px; background-color:#EE82EE; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Plum 【タイトル】 <div style="width:154px; background-color:#DDA0DD; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>
LightPink 【タイトル】 <div style="width:154px; background-color:#FFB6C1; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Thistle 【タイトル】 <div style="width:154px; background-color:#D8BFD8; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Pink 【タイトル】 <div style="width:154px; background-color:#FFC0CB; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>	Lavenderblush 【タイトル】 <div style="width:154px; background-color:#FFF0F5; font-size:100%; filter: alpha(style=1, opacity=30, finishopacity=100); text-align:center;">【タイトル】</div>