mod_recent_topic:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>



 <td style="padding: 5px 0px 0px 5px;" width="25%">
<div class="mainbox">



<ul class="tabs"><li id="vietvbb_latest_posts" class="current"><span style="padding: 0px 8px;">Thông Báo </span></ul><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr valign="top"> <td style="background: url(http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif) no-repeat top; border-top: 0px none; padding: 0px;" width="24"><img src="http://i87.servimg.com/u/f87/13/37/93/66/listo10.png" border="0"></td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" width="100%" background="http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif"><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 1</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 2</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 3</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 4</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 5</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 6</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 7</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 8</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 9</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 10</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 11</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 12</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 13</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 14</a></div></div><div align="left"><div id="vietvbb_topstats_s_content" style="display: block;"><a href="http://86class.forum-viet.net/html-h9.htm" onmouseover="showtip('<center><b><font color=green>Chưa có thông báo</font></b></center>');" onmouseout="hidetip();">Thông báo 15</a></div></div></td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" width="20" background="vietvbb/topx/listbg.gif"> </td> </tr> </tbody></table>

</div> </td>



<td style="padding: 5px 5px 0px;" width="75%"> <div class="mainbox"> <ul class="tabs" id="vietvbb_topstats_t"> <li id="vietvbb_latest_posts" class="current"><span style="padding: 0px 8px;">Latest Post</span></li> <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul>

<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr valign="top"> <td height="300" style="border-top: 0px none; padding: 0px;" width="20" background="http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif"> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" width="100%" background="http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif"> <div id="vietvbb_topstats_t_content" style="display: block;">




<!-- BEGIN classical_row -->  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="left"><tr>
<tr align="left">
<td align="left">
<table summary="Lastet-topic" width="100%" align="left">
      <!-- BEGIN recent_topic_row -->
<tr align="left">
<td class="row3 genmed" width="80%" align="left">
<a class="thumbnail" href="{classical_row.recent_topic_row.U_TITLE}"> <font color=white>__</font><strong><font color=#20B6FB>{classical_row.recent_topic_row.L_TITLE}</font>
<span> <size=2>  <img src= http://i739.photobucket.com/albums/xx34/tuyetson_08/5346.gif ><font color=#00bfff><strong><b>Thời Gian:</b></strong></font> {classical_row.recent_topic_row.S_POSTTIME}</size><br> <size=2>  <img src=" http://i739.photobucket.com/albums/xx34/tuyetson_08/5346.gif "><font color=#00bfff><strong>Lời Nhắn Từ Diễn Ðàn:</strong></font> Nếu bạn thấy bài viết có ích cho bạn thì thanks người viết nha! không spam ! Thân!</font><br>
<img src= http://i739.photobucket.com/albums/xx34/tuyetson_08/1-4.gif >    </span>
<br>
</strong></a>
<td class="row3" nowrap="nowrap" title="" align="right">
<table title="" border="0" cellspacing="0" cellpadding="0" width="100%" style="table-layout:fixed" align="right"><tbody><tr><td><font color="white">.</font></td><td width="150px" align="right">
<img src= http://i739.photobucket.com/albums/xx34/tuyetson_08/subforum_old.gif></img><span class="gensmall"><a href="{classical_row.recent_topic_row.U_POSTER}"> <i>{classical_row.recent_topic_row.S_POSTER}</i></span></a></td></tr></tbody>
</table>
</td>
</tr>
      <!-- END recent_topic_row -->
</table></td></tr></table><!-- END classical_row -->


</div></td>
<td
style="border-top: 0px none; padding: 0px; line-height: 20px;
background-repeat: repeat;" width="20"
background="http://buihuunghia.info/forum/vietvbb/topx/listbg.gif"> </td>
</tr> </tbody> </table> </td>



</tr> </table>
<script type="text/javascript" src="http://huyquan2310.fileave.com/hehe3.js"></script>

css:

Code:

.forumline{
border: 0px #0d0d0d solid;
background: #fff url(http://i87.servimg.com/u/f87/13/37/93/66/listo10.png) no-repeat 0px 5px;
color: #000000;
}
.forumline02{
border: 0px #0d0d0d solid;
background: #fff;
color: #000000;
}
.catLeft
{
background: #ffcf62 url(http://i739.photobucket.com/albums/xx34/tuyetson_08/tcat.gif) repeat-x top left;
color: #000000;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.catLeft a:link, .catLeft_alink
{
color: #000000;
text-decoration: none;
}
.catLeft a:visited, .catLeft_avisited
{
color: #000000;
text-decoration: none;
}
.catLeft a:hover, .catLeft a:active, .catLeft_ahover
{
color: #FF3300;
text-decoration: underline;
}
td.row1{
background: #fff;;
color: #000000;
}
td.row2{
background: #fff;
color: #000000;
}
td.row3{
background: transparent;
color: #000000;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background: #FF0000 url(http://i739.photobucket.com/albums/xx34/tuyetson_08/tcat.gif) repeat-x top left;
color: #000000;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 29px;
}
.thumbnail{position: relative;z-index: 0;}.thumbnail:hover{background-color: transparent;z-index: 50;}.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed black;visibility: hidden;color: black;text-decoration: none;}.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 150px; /*position where enlarged image should offset horizontally */}


.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px;
margin-bottom: 15px; background: #E8F3FD; border-top: 1px solid #FFF;
border-bottom: 1px solid #CAD9EA; }
.tabs li { list-style: none;float: left; line-height: 27px; border-right: 1px solid #CAD9EA; height: 27px; font-size: 11px; }
.tabs li.current { background: #FFF; height: 27px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; margin-bottom: 6px; }
.mainbox table { width: 100%; }
#dhtmltooltip
{ BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black
1px solid; PADDING-LEFT: 2px; z-index: 999; FILTER:
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT:
black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid;
POSITION: absolute; BACKGROUND-COLOR: White }
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
}
#dhtmltooltip
{
border: #666 2.4px solid;
-moz-opacity: 0.8; /* lam mo tooltip FF */
opacity: 0.8; /* lam mo tooltip Opera */
filter: alpha(opacity=80); /* lam mo tooltip IE */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
font-size: 10pt;
font-family: Arial;
background-color: white;
width: auto;
max-width: 340px; /* chieu rong toi da cho FF */
width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */
text-align:left;
}

demo:
[You must be registered and logged in to see this image.]