[Code] Bảng thông báo của S4U

Mới đi rip share cho các bạn dùng, bảng thông báo này khá đơn giản

Demo:


Demo online:
http://www.dohoa4u.info/

HD: Chèn code này vào đâu tùy bạn (VD: Overall_Body, Header,...)

Code:

[font=Courier New]</style><div class="h3">Thông báo</div><div class="mes-txt"><table class="news-pa">

<tbody><tr>
<td rowspan="5" style="background-color: transparent !important; width: 130px; padding: 0;"><img src="http://cdn1.iconfinder.com/data/icons/nuvola2/128x128/apps/knewsletter.png"></td>
</tr><tr>
<td class="nws"><span class="date">(13/10/2011)</span> <a href="/t1-topic"> Nội qui diễn đàn DH4U</a></td>
</tr>

<tr>
<td class="nws"><span class="date">(19/09/11)</span><font colorr="red"><a href="/t8-topic"> Tuyển Moderator cho DH4U (13/10/2011 > 27/10/2011)</a></font> </td>
</tr>
</tbody></table></div>

Code:


[font=Courier New].news-pa td.nws {
background: url('http://cdn4.iconfinder.com/data/icons/Sizicons/16x16/clock.png') no-repeat 5px 50% transparent;
padding: 5px;
padding-left: 25px;
color: #000000;
text-align: left;
font-variant: small-caps;
text-shadow: silver 2px 2px 3px;
margin-top: 10px;
margin-bottom: 20px;
}[/font]