[TUT by thuan007] lasttopic sau cập nhật của FM[✔]

[thuan007]

First topic message reminder :

Có nhiều kiểu được tạo. đây là kiểu của 4rum mình

Cách làm:

các bước giống như topic đây [You must be registered and logged in to see this link.]
chỉ riêng bước 3 là khác, như sau:

B3:
[ACP>display>templates>portal] lần lượt thay lần lượt mod_poll , mod_recent_topics , mod_statistics , mod_top_poste , mod_most_active_starters , mod_most_active_topics , mod_most_viewed_topics , mod_top_post_users_month , mod_top_post_users_week bằng các đoạn tương ứng sau:

Code:

 <tbody>
<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="title_small" align="center">Bình chọn</td></tr><tr>
<td class="row1">
<div class="main">
      {POLL_DISPLAY}
</div>
</td></tr></table>
</td></tr></tbody></table>
</div>
<div class="Page"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

Code:

 </td></tr></table></td>
<td valign="top" width="100%" style="background-color: #fff;">
<style type="text/css">
th,td,p {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{overflow: hidden;}div.Tabs{color: #027EC6;
  font-size: 11px!important;
  font-weight : bold;
  background-color: #006699;
  background-image: url("http://i763.photobucket.com/albums/xx272/thuanoo7/Decorated%20images/bg-tit10.gif");height: 26px!important;padding: 0px 5px;}div.TabView div.Tabs: hover,{overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;padding: 4px 6px;vertical-align: middle; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}div.TabView div.Tabs a.Active{background: transparent url(/users/2211/12/43/96/album/tcat10.png); /* màu nền tab menu active */color: #000000;font-size: 11px;font-weight: bold;color: #fff;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden;background-color:#fff; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://thuan007.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 1px;"><!--
tabs --><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Bình chọn</a><a>Thống kê</a><ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><!--
 nội dung tabs --><div style="height: 419px; width:100%" class="Pages">

<div class="Page" style="height: 417px;"><!-- BEGIN classical_row -->

<table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="title_small" align="center" width="65%">Bài gửi</td><td class="title_small" align="center" width="15%">Thời gian</td><td class="title_small" align="center">Người gửi</td></tr><tr valign="top"><td colspan="3" style="border-top: 0px none; padding: 5px;"><!-- BEGIN recent_topic_row --><div class="a1tg3td" style="height: 22px;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%"><a onmouseover="show_tooltip(this,this.getElementsByTagName('span')[0].innerHTML,'Info');" href="{classical_row.recent_topic_row.U_TITLE}"><img src="/users/2211/12/43/96/album/post_n10.gif" /> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font><span style="display: none;"><b>Tiêu đề: </b><font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br><br> <b>Thời gian: </b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br><br><b>Người gửi cuối: </b> <!-- BEGIN switch_poster -->{classical_row.recent_topic_row.switch_poster.S_POSTER}<!-- END switch_poster --></span></a></td><td width="13%" align="center"><a onmouseover="show_tooltip(this,'<span> {classical_row.recent_topic_row.S_POSTTIME}</span>','');"><img src=/users/2211/12/43/96/album/clock110.png>  </a></td><td align="left"><!-- BEGIN switch_poster --><a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','');"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">
 
        {classical_row.recent_topic_row.switch_poster.S_POSTER}
        </font></a> <!-- END switch_poster --></td></tr></table></div><!-- END recent_topic_row --></td></tr></table></td></tr></table>
<!-- END classical_row -->

</div>

<div class="Page">
<table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

Code:

 <tbody>
<tr><td style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="title_small">Thống kê bài viết</td></tr><tr><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left">
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#6><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong 1 tuần</span></a>
<br>
 <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#7><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong tháng</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a>
<br>
  <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a>
<br>
</td></tr><tr><td class="title_small">Thống kê thành viên</td></tr><tr><td class="row1" style="padding: 8px;"><div class="module main">
    <div class="main-content"><span class="gensmall">
        <font style="color: red;">{TOTAL_USERS}</font><br><br><font style="color:#ff8a00;">{NEWEST_USER}</font><br><br>
        {TOTAL_POSTS} {TOTAL_TOPICS}<br></span>
    </div>
</div></td></tr></table></td></tr></tbody></table>
</div>
 <script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0<!--
 Vị trí-->var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script>


</div>
</td>
</tr></thead></table>

</td></tr></table>

Code:

<script type="text/javascript">function showstuff2(value){
document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";
}
</script><table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #fff;height: 26px;"><tr>
<th colspan="2" style="border: 0px;height: 26px;"><select id="changer2" name="type" style="width:140px" onchange="showstuff2(this.value);"><option value="sell3">Top poster</option><option value="sell4">Top starter</option><option value="sell5">Top poster week</option><option value="sell6">Top poster month</option></select></th>
</tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display: block;" id="sell3"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>
 
     

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell4" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_TOPICS}</font></div><!-- END POSTER --></td></tr>
</table>


Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none;" id="sell2"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
 <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">   replies</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
<!-- END TOPIC -->
</td></tr></table>

Code:

<script type="text/javascript">function showstuff1(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";
document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #fff;height: 26px;"><tr><th colspan="2" style="border: 0px;height: 26px;"><select id="changer1" name="type" style="width:140px" onchange="showstuff1(this.value);"><option value="sell1">Top viewed</option><option value="sell2">Top hot</option></select></th></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: block;" id="sell1"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
 <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">  lượt xem</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
<!-- END TOPIC -->
</td></tr></table>

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell6" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>


Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell5" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>


[ACP>display>color>css]

Code:

#sell1,#sell2,#sell3,#sell4,#sell5,#sell6{background-color: #fff;}

Sau đó [ACP>display>templates>Quản lý tổng thể>overal_footer]
dán đoạn script này vào

đây là script giúp lấy ra được số lượt xem , trả lời và hạn chế số ký tự của tiêu đề

Code:

<script>$("a.lengtht").each(function(){
        if ($(this).text().length > 22) {$(this).text($(this).text().substr(0, 19));$(this).append('...');
        }
    });$(".a1view").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});</script>

Lưu ý
[acp>module>Forum widgets management]

Widgets đặt như hình
[You must be registered and logged in to see this image.]

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

Code:

tinhgia3sv.tk/forum

[thegreenfuture]

anh thuận ơi, sao em chỉnh lại code recent topic của anh thì cái recent topic lọt xuống dưới, nằm phía trên top poster vậy anh?

Bạn xem lại cách đặt các Wiget xem sao? Đặt đúng như của @thuan007 hướng dẫn nhé.

[khuongtunhank]

làm xong nó hiện ra thêm 1 bài ntn??? làm sao cho mất đi hả pác????

Code:

http://www.h6clan.tk/

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

[anhchienxdd2]

Bác Thuận ơi giúp em chút ;Sao lại bị vỡ khung chỗ này thế ạh :
[You must be registered and logged in to see this image.]
Anh xem giúp : [You must be registered and logged in to see this link.]

[Trọng Tuấn]

Mình cũng bị thế nhưng mình đã bỏ đi "Bình chọn" và "thống kê" thì hết, vì đã dùng Lastest topic cũ.
Đây, bạn thay recent topic bằng code dưới đây và bỏ đi 2 widget nêu trên nhé:

Code:

<tr></tr></td></tr></table></td><td valign="top" width="100%" style="border: 1px #dbdbdb solid; border-left-width: 0px;border-bottom-width: 2px;" class="row1"><style type="text/css">th,td,p {font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }/* Style cho menu tabs */div.TabView div.Tabs{overflow: hidden;}div.Tabs{color: #027EC6;font-size: 11px!important;font-weight : bold;background-color: #006699;background-image: url("http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/bgtit10.gif");border-bottom: 1px #dbdbdb solid;height: 19px!important;padding: 1px 2px 4px 3px;}div.TabView div.Tabs: hover,{overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;padding: 4px 6px;vertical-align: middle; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}div.TabView div.Tabs a.Active{background-image: url(http://i62.servimg.com/u/f62/14/52/40/23/tile_b12.gif); /* màu nền tab menu active */color: #000000;font-size: 11px;font-weight: bold;color: #fff;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overfloaw: hidden;background-color:#fff; /* giá trị là auto nếu muốn hiện scroll bar */}.tcat{padding:2px; border-bottom:1px #dbdbdb dashed;font-size: 10px; font-style: italic;}</style><script type="text/javascript" src="http://lethanhton.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;"><!--
tabs --><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><!--
nội dung tabs -->

<div style="height: 420px; width:100%" class="Pages"><div class="Page" style="height: 420px;"><table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody></table></td></tr></tbody><tbody><tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="tcat" align="center" width="65%">Bài gửi</td><td class="tcat" align="center" width="15%">Thời gian</td><td class="tcat" align="center">Người gửi</td></tr><tr valign="top"><td colspan="3" style="border-top: 0px none; padding: 5px; line-height: 20px;"><div class="a1tg3td"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%">

<!-- BEGIN classical_row -->
<table class="" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" id="cfviet">
<tr><img src="http://2img.net/i/fa/empty.gif" height="5" border="0"></tr>
<tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>

<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">


<tr valign="top">
  <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left"><!-- BEGIN recent_topic_row --><!-- BEGIN switch_poster --><div class="lttc"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%">

<a href="{classical_row.recent_topic_row.U_TITLE}"><img src="http://i634.photobucket.com/albums/uu67/Trongtuan60/sticky.gif" /> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td><td style="padding-top: 2px;" width="13%" align="center"><a onmouseover="show_tooltip(this,'<font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font>','Thời gian');"><img src=http://hitskin.com/themes/15/22/30/i_icon_minitime.png>  </a></td><td align="left"><a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','');"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px"><span style="color:#FA0000"><strong>{classical_row.recent_topic_row.switch_poster.S_POSTER}<strong</span></font></a></td></tr></table></div><!-- END switch_poster --><!-- END recent_topic_row --></td>
  </tr></table></td></tr></tbody></table>
<!-- END classical_row -->
</td></tr></table></div></td></tr></table></td></tr></table>

<script type="text/javascript">
document.getElementById('cfviet').innerHTML=document.getElementById('cfviet').innerHTML.replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ');
</script>

</div>

<script type="text/javascript">$(function(){$("div.lttc:contains('»')").empty();})</script>
<script type="text/javascript">$(function(){$("div.lttc:contains('♥')").empty();})</script>








</table></table><script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0<!--
 V&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#7883; trí-->var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script></div> </td>

<table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_06"> <img class="imgborder" src="http://2img.net/i/fa/empty.gif" width="8" height="6" alt="" /></td> <td style="width: 100%" class="boxfooterbar"></td> <td class="box_08"> <img class="imgborder" src="http://2img.net/i/fa/empty.gif" width="8" height="6" alt="" /></td> </tr> </table> </div> </div> </div>


Demo đây:

Code:

http://www.chiase24h.com

[anhchienxdd2]

Chờ Bác Thuận cho ý kiến,chứ bỏ đi trông ngộ thế nào ấy

[Trọng Tuấn]

ngộ là thế nào? mình thấy hai cái đó không cần thiết.
Và lại xài skin như bạn mới bị.

[ariesxvirgo]

Mình cũng bị thế nhưng mình đã bỏ đi "Bình chọn" và "thống kê" thì hết, vì đã dùng Lastest topic cũ.
Đây, bạn thay recent topic bằng code dưới đây và bỏ đi 2 widget nêu trên nhé:

Code:

<tr></tr></td></tr></table></td><td valign="top" width="100%" style="border: 1px #dbdbdb solid; border-left-width: 0px;border-bottom-width: 2px;" class="row1"><style type="text/css">th,td,p {font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }/* Style cho menu tabs */div.TabView div.Tabs{overflow: hidden;}div.Tabs{color: #027EC6;font-size: 11px!important;font-weight : bold;background-color: #006699;background-image: url("http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/bgtit10.gif");border-bottom: 1px #dbdbdb solid;height: 19px!important;padding: 1px 2px 4px 3px;}div.TabView div.Tabs: hover,{overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;padding: 4px 6px;vertical-align: middle; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}div.TabView div.Tabs a.Active{background-image: url(http://i62.servimg.com/u/f62/14/52/40/23/tile_b12.gif); /* màu nền tab menu active */color: #000000;font-size: 11px;font-weight: bold;color: #fff;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overfloaw: hidden;background-color:#fff; /* giá trị là auto nếu muốn hiện scroll bar */}.tcat{padding:2px; border-bottom:1px #dbdbdb dashed;font-size: 10px; font-style: italic;}</style><script type="text/javascript" src="http://lethanhton.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;"><!--
tabs --><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><!--
nội dung tabs -->

<div style="height: 420px; width:100%" class="Pages"><div class="Page" style="height: 420px;"><table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody></table></td></tr></tbody><tbody><tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="tcat" align="center" width="65%">Bài gửi</td><td class="tcat" align="center" width="15%">Thời gian</td><td class="tcat" align="center">Người gửi</td></tr><tr valign="top"><td colspan="3" style="border-top: 0px none; padding: 5px; line-height: 20px;"><div class="a1tg3td"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%">

<!-- BEGIN classical_row -->
<table class="" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" id="cfviet">
<tr><img src="http://2img.net/i/fa/empty.gif" height="5" border="0"></tr>
<tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>

<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">


<tr valign="top">
  <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left"><!-- BEGIN recent_topic_row --><!-- BEGIN switch_poster --><div class="lttc"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%">

<a href="{classical_row.recent_topic_row.U_TITLE}"><img src="http://i634.photobucket.com/albums/uu67/Trongtuan60/sticky.gif" /> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td><td style="padding-top: 2px;" width="13%" align="center"><a onmouseover="show_tooltip(this,'<font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font>','Thời gian');"><img src=http://hitskin.com/themes/15/22/30/i_icon_minitime.png>  </a></td><td align="left"><a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','');"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px"><span style="color:#FA0000"><strong>{classical_row.recent_topic_row.switch_poster.S_POSTER}<strong</span></font></a></td></tr></table></div><!-- END switch_poster --><!-- END recent_topic_row --></td>
  </tr></table></td></tr></tbody></table>
<!-- END classical_row -->
</td></tr></table></div></td></tr></table></td></tr></table>

<script type="text/javascript">
document.getElementById('cfviet').innerHTML=document.getElementById('cfviet').innerHTML.replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Today at /,'Hôm nay, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ').replace(/Yesterday at /,'Hôm qua, ');
</script>

</div>

<script type="text/javascript">$(function(){$("div.lttc:contains('»')").empty();})</script>
<script type="text/javascript">$(function(){$("div.lttc:contains('♥')").empty();})</script>








</table></table><script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0<!--
 V&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#7883; trí-->var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script></div> </td>

<table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_06"> <img class="imgborder" src="http://2img.net/i/fa/empty.gif" width="8" height="6" alt="" /></td> <td style="width: 100%" class="boxfooterbar"></td> <td class="box_08"> <img class="imgborder" src="http://2img.net/i/fa/empty.gif" width="8" height="6" alt="" /></td> </tr> </table> </div> </div> </div>


Demo đây:

Code:

http://www.chiase24h.com

bác biết code làm sao để đóng khung cái lasttopix đấy ko em đóng khung toàn bị vỡ thôi
(note: em đóng khung mấy cái khác vẫn dc ko phải do lỗi code )

[blackmen]

Hix sao mình làm nó toàn bị thế này vậy??? không hạn chế được tiêu đề là sao các bạn? giúp mình với [You must be registered and logged in to see this link.] cái top view và top hot ..

[Trọng Tuấn]

bác biết code làm sao để đóng khung cái lasttopix đấy ko em đóng khung toàn bị vỡ thôi
(note: em đóng khung mấy cái khác vẫn dc ko phải do lỗi code )

Là do widget "ảo"
Vì đã chỉnh Template, các widget kia trở thành "ảo", khi ghép widget thì các widget nêu trên sẽ "lật lại" để nhập vào recent topic do chỉnh teamplate, mà thực chất nó vẫn là widget nằm ở dưới, mà khung chỉ đóng được Recent topic chứ không đóng khung các widget khác dẫn đến vỡ khung
Vì vậy chỉ có hai lựa chọn, một là bỏ 2 widget nêu trên, hai là bỏ luôn cái khung tại Index Body
Tôi biết tôi nói khó hiểu, nhưng bạn đọc kĩ chút đi

[hizen]

anh Thuận ơi giúp cái này với !!!!!!!!!!!!1 [You must be registered and logged in to see this image.]

[ariesxvirgo]

bác biết code làm sao để đóng khung cái lasttopix đấy ko em đóng khung toàn bị vỡ thôi
(note: em đóng khung mấy cái khác vẫn dc ko phải do lỗi code )

Là do widget "ảo"
Vì đã chỉnh Template, các widget kia trở thành "ảo", khi ghép widget thì các widget nêu trên sẽ "lật lại" để nhập vào recent topic do chỉnh teamplate, mà thực chất nó vẫn là widget nằm ở dưới, mà khung chỉ đóng được Recent topic chứ không đóng khung các widget khác dẫn đến vỡ khung
Vì vậy chỉ có hai lựa chọn, một là bỏ 2 widget nêu trên, hai là bỏ luôn cái khung tại Index Body
Tôi biết tôi nói khó hiểu, nhưng bạn đọc kĩ chút đi

vote cho bác

ai có cách nào thì giúp với, tớ sẽ vote nhiệt tình
huhu forum của a thuận vẫn đóng khung được này: [You must be registered and logged in to see this link.]

[Trọng Tuấn]

Cái đó hình như Thuận đóng khung bằng CSS
Còn skin SVNH không đóng được vì đồng bằng HTML lẫn CSS

[Gió]

forum em bị lổi rôi koi em với

Code:

http://thinhox.forumvi.com/forum

[hizen]

giúp em với
thứ nhất: cho em xin cách làm cho chữ có hiệu ứng khi rê chuột vào như hình với

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

Thứ 2: giúp em chỉnh lại phông chữ và xếp thẳg hàng các bài viết với

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

:aigiup:

[hizen]

sao không có ai giúp nhỉ?mình đang đang rất rất cần cái này.không thể ngủ ngon được.ai giúp với

[_Su_]

cảm ơn anh nhiều ạ
e muốn nó vẫ chia số như cũ thì phải làm thế nào ạ [You must be registered and logged in to see this image.]
vì để thế này nhìn người lớn quá [You must be registered and logged in to see this image.]

[cunnho]

Anh thuân007 ơi, anh chỉ dùm e làm sao để thêm bảng bầu trọn ở phần recent topic thế hả anh

Lấy thử luôn của ổng 9xsudio nè anh:
[You must be registered and logged in to see this image.]

Ai biết chỉ giáo dùm mình với

[IceFox]

Anh thuân007 ơi, anh chỉ dùm e làm sao để thêm bảng bầu trọn ở phần recent topic thế hả anh

Lấy thử luôn của ổng 9xsudio nè anh:
[You must be registered and logged in to see this image.]

Ai biết chỉ giáo dùm mình với

Bạn tạo một bầu chọn ở một topic nào đó. Rồi vào modules -> Forum widgets management -> Chọn polls (Click bánh xe màu vàng) -> Ở mục General options of the widget : Polls bạn chọn poll muốn đặt ra recent topic. Nhớ vote nhá

[cunnho]

Được đó, thank bạn vote + nhá , bạn chỉ dùm mình cách thêm tab của anh thuận được không

[IceFox]

Đã hướng dẫn rất kỹ ở đây: [You must be registered and logged in to see this link.]

[Bỏ.Rơi[...]]

a thuan007 giúp e dùm cái

Code:

http://yoteen.ace.st/forum

khi xài cái [You must be registered and logged in to see this link.] của a thì forum bình thường
khi chuyển qua cái này thì các box bị bể ra ??

[trantrongtinh]

Bài viết chuẩn , không cần chỉnh ! thank .......


demo :

Code:

http://thegioigiaitri.wow3.info

[Bỏ.Rơi[...]]

thuận đại ka cho e hỏi

Code:

http://yoteen.ace.st/forum

làm sao cho cái thanh Thống Kê Diễn Đàn có hình
nó chỉ hiện ra màu xám à

[IceFox]

Anh thuận bữa nay đang bận ôn thi. Mình - "đệ tử chưa nhận" của anh thuận - sẽ giải đáp giùm bạn vấn đề này .
Bạn làm lại bước 2 của bài này xem: [You must be registered and logged in to see this link.]

[Bỏ.Rơi[...]]

dạ thưa anh đệ tử chưa nhận của a thuận
e đã thử 2-3 lần rồi
vẫn xám

[IceFox]

Bạn thay code ở bước 2 bằng cái này:

Code:

 <table class="tcat" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><th colspan="2"><h2>STATISTICS</h2></td></tr>
<tr><td><table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
<thead>
<tr>
<td><table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr><td valign="top" style="height: 100%;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR} <!-- END giefmod_index1 -->
              </div>
<br>

[Bỏ.Rơi[...]]

Vẫn không được bạn oi

[_Mark_]

css của bạn nhìn rối quá, thấy tận mấy chỗ td.cat, td.catBottom, td.catHead....

=.= ban tìm xoá những chỗ thừa sem

[Tuấn]

thuận đại ka cho e hỏi

Code:

http://yoteen.ace.st/forum

làm sao cho cái thanh Thống Kê Diễn Đàn có hình
nó chỉ hiện ra màu xám à

Cái màu xám đó là do css của bạn, không liên quan gì đến code của anh thuan007

[Bỏ.Rơi[...]]

Code:

 #tooltip {
    padding:0;
    max-width: 50% !important;
    color: #000;
  background: #FFE270 none  ;
  _background-image: none;
border: 2px #fff solid; -moz-border-radius: 3px;border-radius: 3px;
    font-size:0.8em;text-align: left;
}

* html #tooltip {
    width: 30%;
}
#tooltip * {
    margin:2px 5px 2px 8px;
}
#tooltip ul {
    padding: 0px 0px 0px 20px;
}
#tooltip dl {
    clear:both;
    position:relative;
    margin-bottom: 10px;
}
#tooltip dt {
    float:left;
    border: medium none;
    padding-top: 3px;
    width: 50%;
}
#tooltip dd {
    margin-left: 50%;
    padding-left: 5px;
    vertical-align: top;
}
#tooltip p.header {
    margin:0;
    font-size:13px;
    color: green;
    padding: 1px 5px;
    background: #cfe0fa repeat;
    font-weight: bold;
    border-bottom:0px;
}

#tooltip p {
    padding: 6px;
    color: #666666;
    font-size:11px;text-align: left;
}
.title_small{padding: 2px;
border-bottom: 1px #FFDB4C dashed;
font-size: 10px;
font-style: italic;}
.levelbg{line-height: 13px;background: url(/users/2211/12/43/96/album/levelc10.png) no-repeat;width: 120px; height: 13px;padding-top: 2px;padding-left: 2px;}
.code div.cont_code{background:#f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;border:1px solid #8F8F8F;color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.3em;margin:2px auto;max-height:200px;overflow:auto;padding-top:5px;white-space:pre!important;width:460px!important}
#sell1,#sell2,#sell3,#sell4,#sell5,#sell6{background-color: #fff;}
.forumline[style]{display:none}
#add-google-bottom{display:none}

scripts ads
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #006600;
background-color: #fafafa;
border: #d1d7dc;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px; ,

border-right-width: 1px;
border-bottom-width: 1px}

.quote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #ffffcc;
background-repeat: repeat-y;
overflow: hidden;
border-top: 2px dashed #6698FF;
border-right: 2px dashed #6698FF;
border-bottom: 2px dashed #6698FF;
border-left: 2px dashed #6698FF;
}
.quote div {
margin-left: 250px;
}


#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #FFEDA3 none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #00000000;box-shadow: -2px 2px 2px #00000000;color: #FFF79E;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}

span[style="color: rgb(191, 0, 255);"],span[style="color:#8C00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#00E82E"],span[style="color: rgb(0, 191, 0);"],span[style="color:#0022FF"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FF8C00"]span[style="color: rgb(255,255,255);"],span[style="color:#FF0091"],span[style="color: rgb(89, 89, 89);"],span[style="color:#00EEFF"]
span[style="color: rgb(0, 4, 255);"]:before{content: url();padding-right:2px;}
span[style="color:"]:before{content: url();padding-right:2px;}

span[style="color: rgb(255, 102, 0);"]:before{content: url(http://bantot.info/forum/images/colorgroup/member1.gif);padding-right:2px;}
span[style="color:#00E82E"]:before{content: url(http://bantot.info/forum/images/colorgroup/member1.gif);padding-right:2px;}

span[style="color: rgb(0, 191, 0);"]:before{content: url(http://bantot.info/forum/images/colorgroup/mod.gif);padding-right:2px;}
span[style="color:#0022FF"]:before{content: url(http://bantot.info/forum/images/colorgroup/mod.gif);padding-right:2px;}
span[style="color: rgb(250, 0, 0);"]:before{content: url(http://bantot.info/forum/images/colorgroup/admin.giff);padding-right:2px;}
span[style="color:#FF8C00"]:before{content: url(http://bantot.info/forum/images/colorgroup/admin.gif);padding-right:2px;}

span[style="color: rgb(255,255,255);"]:before{content: url(http://bantot.info/forum/images/colorgroup/member10.gif);padding-right:2px;}
span[style="color:#FF0091"]:before{content: url(http://bantot.info/forum/images/colorgroup/member10.gif);padding-right:2px;}

span[style="color: rgb(89, 89, 89);"]:before{content: url(http://i69.servimg.com/u/f69/12/89/57/83/vip-110.gi);padding-right:2px;}
span[style="color:#00EEFF"]:before{content: url(http://i69.servimg.com/u/f69/12/89/57/83/vip-110.gif);padding-right:2px;}








span[style="color: rgb(255, 102, 0);"]:after{content: url(http://bantot.info/forum/images/colorgroup/member1.gif);padding-right:2px;}
span[style="color:#00E82E"]:after{content: url(http://bantot.info/forum/images/colorgroup/member1.gif);padding-right:2px;}

span[style="color: rgb(0, 191, 0);"]:after{content: url(http://bantot.info/forum/images/colorgroup/mod.gif);padding-right:2px;}
span[style="color:#0022FF"]:after{content: url(http://bantot.info/forum/images/colorgroup/mod.gif);padding-right:2px;}
span[style="color: rgb(250, 0, 0);"]:after{content: url(http://bantot.info/forum/images/colorgroup/admin.giff);padding-right:2px;}
span[style="color:#FF8C00"]:after{content: url(http://bantot.info/forum/images/colorgroup/admin.gif);padding-right:2px;}

span[style="color: rgb(255,255,255);"]:after{content: url(http://bantot.info/forum/images/colorgroup/member10.gif);padding-right:2px;}
span[style="color:#FF0091"]:after{content: url(http://bantot.info/forum/images/colorgroup/member10.gif);padding-right:2px;}

span[style="color: rgb(89, 89, 89);"]:after{content: url(http://i69.servimg.com/u/f69/12/89/57/83/vip-110.gi);padding-right:2px;}
span[style="color:#00EEFF"]:after{content: url(http://i69.servimg.com/u/f69/12/89/57/83/vip-110.gif);padding-right:2px;}

a { text-decoration: none; }
HTML,BODY{cursor: url("http://cursors2.totallyfreecursors.com/thumbnails/monkey-ani.gif"), url("http://cursors2.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}
a[href="/u1"]:before {content: url(http://bantot.info/forum/images/colorgroup/member7.gif);}
a[href="/u63"]:before {content: url(http://datviet24vn.us/forums/images/icon/admin4.gif);}
/* SLIMBOX */


#cboxOverlay,#cboxWrapper,#colorbox{left:0;overflow:hidden;position:absolute;top:0;z-index:999}#cboxOverlay{background:url(http://i63.servimg.com/u/f63/14/43/86/54/overla10.png) 0 0 repeat;height:100%;position:fixed;width:100%}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{background:#fff;overflow:hidden;position:relative}#cboxLoadedContent{margin-bottom:28px;overflow:auto}#cboxLoadedContent iframe{border:0;display:block;height:100%;width:100%}#cboxTitle{bottom:4px;color:#949494;left:0;margin:0;position:absolute;text-align:center;width:100%}#cboxLoadingGraphic,#cboxLoadingOverlay{left:0;position:absolute;top:0;width:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}#cboxTopLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -100px 0 no-repeat;height:21px;width:21px}#cboxTopRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -129px 0 no-repeat;height:21px;width:21px}#cboxBottomLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -100px -29px no-repeat;height:21px;width:21px}#cboxBottomRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -129px -29px no-repeat;height:21px;width:21px}#cboxMiddleLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) left top repeat-y;width:21px}#cboxMiddleRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) right top repeat-y;width:21px}#cboxTopCenter{background:url(http://i63.servimg.com/u/f63/14/43/86/54/border10.png) 0 0 repeat-x;height:21px}#cboxBottomCenter{background:url(http://i63.servimg.com/u/f63/14/43/86/54/border10.png) 0 -29px repeat-x;height:21px}#cboxCurrent{bottom:4px;color:#949494;left:58px;position:absolute}#cboxSlideshow{bottom:4px;color:#0092ef;position:absolute;right:30px}#cboxPrevious{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -75px 0 no-repeat;bottom:0;height:25px;left:0;position:absolute;text-indent:-9999px;width:25px}#cboxPrevious.hover{background-position:-75px -25px}#cboxNext{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -50px 0 no-repeat;bottom:0;height:25px;left:27px;position:absolute;text-indent:-9999px;width:25px}#cboxNext.hover{background-position:-50px -25px}#cboxLoadingOverlay{background:url(http://i63.servimg.com/u/f63/14/43/86/54/loadin10.png) center center no-repeat}#cboxLoadingGraphic{background:url(http://i63.servimg.com/u/f63/14/43/86/54/loadin10.gif) center center no-repeat}#cboxClose{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -25px 0 no-repeat;bottom:0;height:25px;position:absolute;right:0;text-indent:-9999px;width:25px}#cboxClose.hover{background-position:-25px -25px}.cboxIE #cboxTopLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border11.png,sizingMethod='scale')}.cboxIE #cboxTopCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border12.png,sizingMethod='scale')}.cboxIE #cboxTopRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border13.png,sizingMethod='scale')}.cboxIE #cboxBottomLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border14.png,sizingMethod='scale')}.cboxIE #cboxBottomCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border15.png,sizingMethod='scale')}.cboxIE #cboxBottomRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border16.png,sizingMethod='scale')}.cboxIE #cboxMiddleLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border17.png,sizingMethod='scale')}.cboxIE #cboxMiddleRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border18.png,sizingMethod='scale')}.c3zbukmark a{padding:2px}

body

{

   background: #FFFFFF  url(http://i29.servimg.com/u/f29/16/49/03/19/bg_sha10.jpg) repeat bottom center fixed;

   color: #333333;

   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   margin: 0px;

   padding: 0px;

}

a:link, body_alink

{

   color: #FF6633;

   text-decoration: none;

}

a:visited, body_avisited

{

   color: #FF6600;

   text-decoration: none;

}

a:hover, a:active, body_ahover

{

   color: #999933;

   text-decoration: none;

}

.page

{

   background: #FFFFFF;

   color: #000000;

}

td, th, p, li

{

   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.tborder

{

   background: #eeeeee;

   color: #000000;

}

.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic

{

   background: #FFFFFF  url(http://i1122.photobucket.com/albums/l525/liger1723/teenshare1-2011/tcat_share1-2011.jpg) bottom right;

   color: #000000;

   font: bold 13pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   height: 40px;

   text-align:center;

   

}

.tcat a:link, .tcat_alink

{

   color: #000000;

   text-decoration: none;

}

.tcat a:visited, .tcat_avisited

{

   color: #000000;

   text-decoration: none;

}

.tcat a:hover, .tcat a:active, .tcat_ahover

{

   color: #FFFF66;

   text-decoration: underline;

}

.thead, th

{

   background: #eeeeee;

   color: #333333;

   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.thead a:link, .thead_alink

{

   color: #333333;

}

.thead a:visited, .thead_avisited

{

   color: #333333;

}

.thead a:hover, .thead a:active, .thead_ahover

{

   color: #CC0066;

}

.tfoot

{

   background: #000000;

   color: #FFFFFF;

}

.tfoot a:link, .tfoot_alink

{

   color: #FFFFFF;

}

.tfoot a:visited, .tfoot_avisited

{

   color: #FFFFFF;

}

.tfoot a:hover, .tfoot a:active, .tfoot_ahover

{

   color: #FF0066;

}

.alt1, .alt1Active

{

   background: #FFFFFF;

   color: #333333;

   border: 1px solid #cccccc; -moz-border-radius:4px;

}
.alt2Active, td.row1,td.row3.over:hover, td.row3, td.row1Right,td.row2,td.row1.over:hover, td.row3Right,td.spaceRow

{

   background: #FFFFFF;

   color: #333333;


}
.alt2, .alt2Active

{

   background: #FFFFFF;

   color: #333333;

   border: 1px solid #cccccc; -moz-border-radius:4px;

}

.inlinemod

{

   background: #FFFFCC;

   color: #000000;

}

.wysiwyg

{

   background: #F5F5FF;

   color: #000000;

   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   margin: 5px 10px 10px 10px;

   padding: 0px;

}

.wysiwyg a:link, .wysiwyg_alink

{

   color: #22229C;

}

.wysiwyg a:visited, .wysiwyg_avisited

{

   color: #22229C;

}

.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover

{

   color: #FF4400;

}

textarea, .bginput

{

   font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.bginput option, .bginput optgroup

{

   font-size: 10pt;

   font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.button

{

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

select

{

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

option, optgroup

{

   font-size: 11px;

   font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.smallfont

{

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}
.gensmall

{

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.time

{

   color: #666686;

}

.navbar

{

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.highlight

{

   color: #FF0000;

   font-weight: bold;

}

.fjsel

{

   background: #3E5C92;

   color: #E0E0F6;

}

.fjdpth0

{

   background: #F7F7F7;

   color: #000000;

}


legend

{

   color: #22229C;

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.vbmenu_control

{

   background: #000000;

   color: #FFFFFF;

   font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   padding: 6px 6px 6px 6px;

   white-space: nowrap;

}

.vbmenu_control a:link, .vbmenu_control_alink

{

   color: #FFFFFF;

   text-decoration: none;

}

.vbmenu_control a:visited, .vbmenu_control_avisited

{

   color: #FFFFFF;

   text-decoration: none;

}

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover

{

   color: #CC0033;

   text-decoration: underline;

}

.vbmenu_popup

{

   background: #FFFFFF;

   color: #000000;

   border: 1px solid #0B198C;

}

.vbmenu_option

{

   background: #BBC7CE;

   color: #000000;

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   white-space: nowrap;

   cursor: pointer;

}

.vbmenu_option a:link, .vbmenu_option_alink

{

   color: #22229C;

   text-decoration: none;

}

.vbmenu_option a:visited, .vbmenu_option_avisited

{

   color: #22229C;

   text-decoration: none;

}

.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover

{

   color: #FFFFFF;

   text-decoration: none;

}

.vbmenu_hilite

{

   background: #8A949E;

   color: #FFFFFF;

   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

   white-space: nowrap;

   cursor: pointer;

}

.vbmenu_hilite a:link, .vbmenu_hilite_alink

{

   color: #FFFFFF;

   text-decoration: none;

}

.vbmenu_hilite a:visited, .vbmenu_hilite_avisited

{

   color: #FFFFFF;

   text-decoration: none;

}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover

{

   color: #FFFFFF;

   text-decoration: none;

}

/* ***** styling for 'big' usernames on postbit etc. ***** */

.bigusername { font-size: 14pt; }



/* ***** small padding on 'thead' elements ***** */

td.thead, th.thead, div.thead { padding: 4px; }



/* ***** basic styles for multi-page nav elements */

.pagenav a { text-decoration: none; }

.pagenav td { padding: 2px 4px 2px 4px; }



/* ***** de-emphasized text */

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }

.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }



/* ***** define margin and font-size for elements inside panels ***** */

.fieldset { margin-bottom: 6px; }

.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

.svit { border-left: 1px #5c95ab solid; border-right: 1px #5c95ab solid; border-top: 1px #5c95ab dotted; border-bottom: 1px #5c95ab dotted; padding: 2px; margin-bottom: 4px;margin-left: 6px;margin-right: 6.5px;}


CSS của tớ đây
ai giúp dùm cái

[Sponsored content]