[Code] Bảng thông báo đơn giản cho forum !!!

Demo:


HD: Past code dưới đây vào header, footer, body,.. tùy

Code:


 <!-- Bảng thông báo -->
<div style="margin-top: 5px;">
      <table class="tborder" style="border-spacing: 1px; border: 0pt none;" height="0" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody id="collapseobj_simple_global_announcement">
    <tr valign="top">
      <td class="alt1"><style type="text/css">
.column {
  width:300px;/*height:300px;*/
        }
.rows_first {
 width:100  valign:top;
  font-size:12px;
  font-family:arial;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #999;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
  padding-bottom:2px;
  padding-top:2px;
}
.rows_first a {
  color:#57bdf0;
  text-decoration: none;
}
.rows_first a:hover {
  color:red;
}
.rows {
 width:100  valign:top;
  font-size:12px;
  font-family:arial;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
  padding-bottom:2px;
  padding-top:2px;
}
.rows a {
  color:#57bdf0;
  text-decoration: none;
}
.rows a:hover {
  color:red;
}
.thumb {
  float:left;
  border-width:0px;
        width: 27px;
}
.postdate {
  color:#669999;
  font-size:12px;
  font-style: italic;
}
</style>


<div class="column">

<div class="rows_first">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---NoiQuy.png">
<a href="http://it4t.info/threads/12-Noi-Quy-Dien-Dan-Update-15-07-2011.html">Test</a> <br>
    <span class="postdate">Test</span> </div>


  <div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2011/T09/img/SinhVienIT.Net---tuyendung.png">
<a href="http://it4t.info/selectmod.php">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---TaiLieu.png">
<a href="http://it4t.info/forums/186-Gop-y-Thac-mac.html">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2011/T10/img/SinhVienIT.NET---chair.png">
<a href="http://it4t.info/vbshop.php">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---domain_name.jpg">
<a href="http://it4t.info/forums/232-Ho-tro-su-dung-dien-dan.html">Test</a> <br>
    <span class="postdate">Test</span> </div>
</div></td>
      <td class="alt1"><div class="column">

<div class="rows_first">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---PhanKhoaHoc.png">
<a href="http://seo.it4t.info" target="_blank">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---OCung.png">
<a href="http://up.it4t.info" target="_blank">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2011/T10/img/SinhVienIT.NET---warning.png">
<a href="http://backlink.it4t.info" target="_blank">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2011/T09/img/SinhVienIT.Net---thongbao.png">
<a href="http://url.it4t.info" target="_blank">Test</a> <br>
    <span class="postdate">Test</span> </div>

<div class="rows">
<img class="thumb" src="http://data.sinhvienit.net/2010/T06/img/SinhVienIT.Net---DinhKemLoi.png">
<a href="http://hits.it4t.info" target="_blank">Test</a> <br>
    <span class="postdate">Test</span> </div>

</div></td>
    </tr>
  </tbody>
</table>
</div>
  <!-- / Bảng thông báo -->