人気ブログランキング | 話題のタグを見る

【Vol.73】 掲示板(!?)

▼りにゅ~あるに伴って、掲示板(!?)を設置しました。
【Vol.73】 掲示板(!?)_c0012043_127736.jpg












以前からついてはいましたが、改めてご紹介です。



/* 掲示板(!?)ソース*/
<table border="0" cellpadding="0" cellspacing="0" width=190>
<tr>
<td><img src="t01.gif" width="15" height="15" border="0"></td>
<td background="t02.gif"><img src="dm.gif" width="1" height="1" border="0"></td>
<td><img src="t03.gif" width="15" height="15" border="0"></td>
</tr>
<tr>
<td background="t04.gif"><img src="dm.gif" width="1" height="1" border="0"></td>
<td bgcolor="#ffffff">
文字入力スペース</td>
<td background="t06.gif"><img src="dm.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td><img src="t07.gif" width="15" height="15" border="0"></td>
<td background="t08.gif"><img src="dm.gif" width="1" height="1" border="0"></td>
<td><img src="t09.gif" width="15" height="15" border="0"></td>
</tr>
</table>


※ 設置場所は、HTML内に<DIV></DIV>で場所を確保。
レイアウトはCSSで編集しております。

【HTML】
<DIV CLASS=MN6TTL>掲示板(!?)</DIV>---/* 場所確保*/
*上記ソース*
※ 私の場合はスクロールを設置してます。設置方法が不明な方は、コメントくださいな^^;

【CSS】
DIV.MN6TTL{ width : 170px; padding : 5px 5px 6px 16px; margin : 0px; text-align : left; font: 7pt "Century Gothic","MS UI Gothic"; color:#FFFFFF; background-image: url(http://pds.exblog.jp/pds/1/200502/01/44/mbg.gif) }---/* 見出し編集*/


元ネタはイラそよさんです。