★HTML【№TSBB－0101　＊＊＊＊】

掲示板 [ Tab switchable bulletin board / 2 main, 3 sub (№TSBB-01-01) ]

新着

情報

予定

これ以降の情報は古いため削除致しました。ご了承ください。

製作物についてのコメント

●【完成日時】2014年07月23日15時30分頃に完成したモノ。	●【使用目的】掲示板として設置して、情報を公開する為。
●【特　徴】HTMLのみで構成。Scriptは使用していない。	●【長　所】Scriptが使えない環境でも使用可能である。

●【補　足】特になし。

HTMLソース一覧

　←　このボタンをクリックする事で表示／非表示切り替えができます。

<style type="text/css">
</style>

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" bgcolor="#990000" width="100">
<div onclick="obj=document.getElementById('A1').style; obj.display='block'; obj=document.getElementById('A2').style; obj.display='none';obj=document.getElementById('A3').style; obj.display='none';"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: 22px;"><span style="font-family: hg行書体,cursive;"><span style="cursor: pointer;">新着</span></span></span></strong></span></div>
</td>
<td align="center" bgcolor="#00cc66" width="100">
<div onclick="obj=document.getElementById('A1').style; obj.display='none'; obj=document.getElementById('A2').style; obj.display='block';obj=document.getElementById('A3').style; obj.display='none';"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: 22px;"><span style="font-family: hg行書体,cursive;"><span style="cursor: pointer;">情報</span></span></span></strong></span></div>
</td>
<td align="center" bgcolor="#000099" width="100">
<div onclick="obj=document.getElementById('A1').style; obj.display='none'; obj=document.getElementById('A2').style; obj.display='none';obj=document.getElementById('A3').style; obj.display='block';"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: 22px;"><span style="font-family: hg行書体,cursive;"><span style="cursor: pointer;">予定</span></span></span></strong></span></div>
</td>
</tr>
</tbody>
</table>
</center>

<center>
<div id="A1" style="clear: both; display: block;">
<table border="0" cellpadding="1" cellspacing="0" height="100" width="">
<tbody>
<tr>
<td bgcolor="#990000" valign="top">
<div align="center" style="margin: 2px; padding: 0px;">
<div style="margin: 0px; padding: 0px; line-height: 1.3; background-color: rgb(0, 0, 0);">
<div style="margin: 0px; padding: 10px; border: 3px ridge rgb(204, 204, 204); border-image: none; text-align: left; color: rgb(255, 255, 255); line-height: 1.3; overflow: auto; -ms-scrollbar-base-color: rgb(255, 255, 255);">
<hr />
<table>
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="XXX" style="width: 790.66px; text-align: center;">これ以降の情報は古いため削除致しました。ご了承ください。</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</center>

<center>
<div id="A2" style="clear: both; display: none;">
<table border="0" cellpadding="1" cellspacing="0" height="100" width="">
<tbody>
<tr>
<td bgcolor="#00cc66" valign="top">
<div align="center" style="margin: 2px; padding: 0px;">
<div style="margin: 0px; padding: 0px; line-height: 1.3; background-color: rgb(0, 0, 0);">
<div style="margin: 0px; padding: 10px; border: 3px ridge rgb(204, 204, 204); border-image: none; text-align: left; color: rgb(255, 255, 255); line-height: 1.3; overflow: auto; -ms-scrollbar-base-color: rgb(255, 255, 255);">
<hr />
<table>
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="XXX" style="width: 790.66px; text-align: center;">これ以降の情報は古いため削除致しました。ご了承ください。</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</center>

<center>
<div id="A3" style="clear: both; display: none;">
<table border="0" cellpadding="1" cellspacing="0" height="100" width="">
<tbody>
<tr>
<td bgcolor="#000099" valign="top">
<div align="center" style="margin: 2px; padding: 0px;">
<div style="margin: 0px; padding: 0px; line-height: 1.3; background-color: rgb(0, 0, 0);">
<div style="margin: 0px; padding: 10px; border: 3px ridge rgb(204, 204, 204); border-image: none; text-align: left; color: rgb(255, 255, 255); line-height: 1.3; overflow: auto; -ms-scrollbar-base-color: rgb(255, 255, 255);">
<hr />
<table>
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td class="XXX" style="width: 790.66px; text-align: center;">これ以降の情報は古いため削除致しました。ご了承ください。</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</center>

↑　先頭へジャンプ　↑