スクロールバー編-2

  * スクロールバー&見出しつきテーブル *  

*TYPE-4* (width: 150px; height: 70px;)

TITLE

ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。

Designed by *にゃん*

<div align="center"><table cellspacing="1" cellpadding="5" border="0" bgcolor="#003366"><tbody><tr><td style="color : #ffffff;text-align : center;"><b>TITLE</b></td></tr><tr><td bgcolor="#ffffff"><div style="width: 150px; height: 70px;font-size : 10px;font-family : Verdana;overflow: auto;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #003366"><p align="left">ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br></div></td></tr></tbody></table>
<font size="2" color="#808080">Designed by
<a target="_blank" href="http://plaza.rakuten.co.jp/koumebiyori/">*にゃん*</a></font></div>



*TYPE-5* (width: 200px; height: 100px;)

TITLE

ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。

Designed by *にゃん*

<div align="center"><table cellspacing="1" cellpadding="5" border="0" bgcolor="#333333"><tbody><tr><td style="color : #ffffff;text-align : center;" height="28"><font color="#CCFFCC"><b>TITLE</b></font></td></tr><tr><td><div style="width: 200px; height: 100px;font-size : 10px;font-family : Verdana;overflow: auto;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #FFFFCC;
scrollbar-shadow-color: #333333;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #ffffcc"><p align="left"><b><font color="#FFFFFF" size="2">ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。</font></b><Br></div></tr></tbody></table><font size="2" color="#808080">Designed by <a target="_blank" href="http://plaza.rakuten.co.jp/koumebiyori/">*にゃん*</a></font></div>



*TYPE-6* (width: 300px; height: 100px;)

☆ お知らせ ☆

ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。
ここに文章など
スクロールバーは自動で
表示されますよぉ。

☆ お知らせ ☆
Designed by *にゃん*

<div align="center"><table cellspacing="1" cellpadding="5" border="0" bgcolor="#FFE1E1"><tbody><td style="border-bottom:1px dotted #FF0000; color : #FFFFFF;text-align : center" height="28"><p align="center"><font color="#FF0066"><b><marquee width="300">☆ お知らせ ☆</marquee></b></font></td></tr><tr><td bgcolor="#FFCCCC"><div style="width: 300px; height: 100px;font-size : 10px;font-family : Verdana;overflow: auto;
scrollbar-face-color: #FFCCCC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFCCCC;
scrollbar-3dlight-color: #FFCCCC;
scrollbar-darkshadow-color: #FFCCCC;
scrollbar-base-color: #CC6699;
scrollbar-arrow-color: #ffffcc">
<p align="left"><b><font color="#CC6699" size="2">ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。<Br>ここに文章など<Br>スクロールバーは自動で<Br>表示されますよぉ。</font></b><font color="#CC6699"><Br></font></div></td></tr><tr><td style="border-top: 1px dotted #FF0000"><font color="#FF0066"><b><marquee width="300" direction="right">☆ お知らせ ☆</marquee></b></font></td></tr></tbody></table>
<font size="2" color="#808080">Designed by <a target="_blank" href="http://plaza.rakuten.co.jp/koumebiyori/">*にゃん*</a></font></div>


top




© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: