テンプレTOP

※丸く見えますが四角いテーブルを透明にしています。↓

別カラーバージョンはこちら

[width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。

<div style="width:30;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#0080ff" cellspacing="0"> <Tr><Td align="center" valign="middle"> <font color="#ffffff" face="麗流隷書"> 内容部分 </font></Td></Tr> </Table></div>

内容部分

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 [Td align="横位置" valign="縦位置"]は表内の文字(画像)位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#0080ff" cellspacing="0" style="filter:Alpha(opacity=30);"> <Tr><Td align="center" valign="top"> <font color="#ffffff"> 内容部分 </font> </Td></Tr> </Table>

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<div style="border:thick ridge maroon;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#006a00" cellspacing="0"> <Tr><Td align="center" valign="top"> <font color="#ffffff" face="富士ポップ"> 内容部分 </font></Td></Tr></Table></div>

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<div style="border:thick dotted #ff80c0;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#bfffbf" cellspacing="0"> <Tr><Td align="center" valign="top"> <font color="#ff80c0" face="HGP創英角ﾎﾟｯﾌﾟ体"> 内容部分 </font></Td></Tr></Table></div>

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<div style="border:thick dashed #bfdfff;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#bfdfff" cellspacing="0"> <Tr><Td align="center" valign="top"> <font color="#0080ff" face="ＭＳ ゴシック"> 内容部分 </font></Td></Tr> </Table></div>

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<div style="border:thick double orange;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#ffff80" cellspacing="0"> <Tr><Td align="center" valign="top"> <font color="orange" face="麗流隷書"> 内容部分 </font></Td></Tr> </Table></div>

別カラーバージョンはこちら

[opacity=30]の数字を小さくすると透明度が高くなります。 [width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。 テーブルにフィルターをかけているので内容部分に入る 文字や画像もすべて透明になります。

<div style="border:thick ridge #7a6045;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#537a45" cellspacing="0"> <Tr><Td align="right"> <Table border="0" height="150" width="320" align="left"> <Tr><Td> <div style="writing-mode:tb-rl;height:150;font-family:江戸勘亭流;color:#000000;"> 内容部分 </div></Td></Tr> </Table></div> </Td></Tr> </Table></div>









<div style="border:thick ridge maroon;width:30;filter:Alpha(opacity=30);"> <Table border="0" width="320" height="150" cellspacing="0" bgcolor="#6a6a00" cellspacing="0"> <Tr><Td align="center" valign="middle"> <Table border="0" bgcolor="#ffffff" width="300" heigth="130"> <Tr><Td align="center"> <font face="富士ポップ"> タイトル部分</font><Br> <Table border="1" width="280" height="110" bgcolor="#ffffff" bordercolor="#7f7f7f" cellspacing="0" frame="below"> <Tr><Td valign="bottom"> 内容部分１ </Td></Tr> <Tr><Td valign="bottom"> 内容部分２ </Td></Tr> <Tr><Td valign="bottom"> 内容部分３ </Td></Tr> <Tr><Td valign="bottom"> 内容部分４ </Td></Tr> </Table><Br> </Table></Td></Tr></Table></div>