コピペＢＯＸ（01）
ＨＯＭＥ >>コピペＢＯＸ １ / ２ / ３ / ４ / ５ / ６ / ７ / スクロールＢＯＸ １ / ２ / ３ / ４ / ５ / ６ / ７ / タイトル １ / ２ / ３ / ４ / ５ / ６ / ７ / ８ / ９ / 10 / 11 / 12 / 使い方
コピペＢＯＸはタグソースをそのままコピー＆ペーストしていただいて利用していただくボックスです。
ボックスの横幅は楽天広場のホームページの表示項目「サブ」と同じ154px(ピクセル)で設定してあります。
幅や高さをそれぞれ変更して使う場合は以下の箇所を変えてください
幅＝ width:154px; と width:152px; の2箇所の数字を変えてください(borderの幅が2pxありますので、ご注意ください)
高さ＝ height:100px; の数字を変えてください
タイトル 部分は着せ替え人形のように上記リンクのタイトルに差し替えができます。もちろんスクロールタイプの上に付けていただいてもＯＫです。
コピペＢＯＸはタグソースをそのままコピー＆ペーストしていただいて利用していただくボックスです。
ボックスの横幅は楽天広場のホームページの表示項目「サブ」と同じ154px(ピクセル)で設定してあります。
幅や高さをそれぞれ変更して使う場合は以下の箇所を変えてください
幅＝ width:154px; と width:152px; の2箇所の数字を変えてください(borderの幅が2pxありますので、ご注意ください)
高さ＝ height:100px; の数字を変えてください
タイトル 部分は着せ替え人形のように上記リンクのタイトルに差し替えができます。もちろんスクロールタイプの上に付けていただいてもＯＫです。
| Black ここにタイトル
<div style=" width:154px;
background-color:#000000; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #000000; padding:2px;" align="left"> 【内容】
</div>
|
DimGray ここにタイトル
<div style=" width:154px;
background-color:#696969; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #696969; padding:2px;" align="left"> 【内容】
</div>
|
Gray ここにタイトル
<div style=" width:154px;
background-color:#808080; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #808080; padding:2px;" align="left"> 【内容】
</div>
|
DarkGray ここにタイトル
<div style=" width:154px;
background-color:#A9A9A9; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #A9A9A9; padding:2px;" align="left"> 【内容】
</div>
|
| Silver ここにタイトル
<div style=" width:154px;
background-color:#C0C0C0; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #C0C0C0; padding:2px;" align="left"> 【内容】
</div>
|
LightGrey ここにタイトル
<div style=" width:154px;
background-color:#D3D3D3; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #D3D3D3; padding:2px;" align="left"> 【内容】
</div>
|
Gainsboro ここにタイトル
<div style=" width:154px;
background-color:#DCDCDC; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #DCDCDC; padding:2px;" align="left"> 【内容】
</div>
|
WhiteSmoke ここにタイトル
<div style=" width:154px;
background-color:#F5F5F5; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #F5F5F5; padding:2px;" align="left"> 【内容】
</div>
|
| White ここにタイトル
<div style=" width:154px;
background-color:#FFFFFF; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FFFFFF; padding:2px;" align="left"> 【内容】
</div>
|
Maroon ここにタイトル
<div style=" width:154px;
background-color:#800000; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #800000; padding:2px;" align="left"> 【内容】
</div>
|
DarkRed ここにタイトル
<div style=" width:154px;
background-color:#8B0000; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #8B0000; padding:2px;" align="left"> 【内容】
</div>
|
Red ここにタイトル
<div style=" width:154px;
background-color:#FF0000; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FF0000; padding:2px;" align="left"> 【内容】
</div>
|
| OrangeRed ここにタイトル
<div style=" width:154px;
background-color:#FF4500; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FF4500; padding:2px;" align="left"> 【内容】
</div>
|
DarkOrange ここにタイトル
<div style=" width:154px;
background-color:#FF8C00; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FF8C00; padding:2px;" align="left"> 【内容】
</div>
|
Orange ここにタイトル
<div style=" width:154px;
background-color:#FFA500; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FFA500; padding:2px;" align="left"> 【内容】
</div>
|
Gold ここにタイトル
<div style=" width:154px;
background-color:#FFD700; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FFD700; padding:2px;" align="left"> 【内容】
</div>
|
| Olive ここにタイトル
<div style=" width:154px;
background-color:#808000; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #808000; padding:2px;" align="left"> 【内容】
</div>
|
Yellow ここにタイトル
<div style=" width:154px;
background-color:#FFFF00; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #FFFF00; padding:2px;" align="left"> 【内容】
</div>
|
DarkGoldenrod ここにタイトル
<div style=" width:154px;
background-color:#B8860B; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #B8860B; padding:2px;" align="left"> 【内容】
</div>
|
SaddleBrown ここにタイトル
<div style=" width:154px;
background-color:#8B4513; padding:2px;" align="center"> 【タイトル】
</div><div style=" width:152px;
height:100px;
border:1px solid #8B4513; padding:2px;" align="left"> 【内容】
</div>
|
ＨＯＭＥ >>コピペＢＯＸ １ / ２ / ３ / ４ / ５ / ６ / ７ / スクロールＢＯＸ １ / ２ / ３ / ４ / ５ / ６ / ７ / タイトル １ / ２ / ３ / ４ / ５ / ６ / ７ / ８ / ９ / 10 / 11 / 12 /
| テンプレートMENU
でめららタグ講座 マーキー講座 楽天HTMLタグ一覧 |
スタイルシート索引
逆引きスタイルシート アクセスアップMENU 便利ツール |
カラーチャート
文字実体参照 絵文字フォント 文字フォント |
ウィルス対策
コピペＢＯＸ |
でめららのプラザ楽天日記 ｜ 情報コミュニティーサイトPRIORITY ONE ｜ 女性下着専門通販サイトINNER COLLECTION ｜ 腸内洗浄コーヒーエネマ ｜ 化粧品通販【cosme-PRIORITY ONE】 ｜ 浜田省吾ファンサイトDownByTheMainstreet
© Rakuten Group, Inc.
