CSS:
- Code:
/* Last 9x */
.boxFMvi{margin:0!important}
.top-vi,.viewrep{
min-height:82px;
padding:10px!important}
#active_starters,#most_active,#users_month,#users_week{display:none}
.lastcate,.leftrecent,.repfmvi,.rightrecent,.viewfmvi{
overflow:hidden;
position:absolute;
text-overflow:ellipsis;white-space:nowrap}
.leftrecent{width:265px}
.rightnumber{padding:10px}
.imgstatus{
background-color:#FFF;
left:-26px;
padding:2px 7px;
position:absolute}
.rightrecent{
left:280px;
text-align:right;
width:115px}
.showpost{
font-size:9px;left:-10px;line-height:18px;position:absolute}
.viewfmvi{
right:190px;text-align:right;width:50px}
.repfmvi{right:135px;text-align:right;width:50px}
.lastcate{right:0;text-align:right;width:120px}
#content-container div#left{border:1px solid #DDD;float:none;margin:10px 0;width:100%}
*+ html #content-container div#main{margin-left:0}* html #content-container #main-content{margin-right:0;overflow:visible}* html #content-container div#main{float:none;margin-right:-99%;width:100%}
.latest_topics{
list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 30px;text-align:left}
.latest_topics li{line-height:16.1px;position:relative}
.toppost_width{float:left;width:200px}
.recentWidth{float:left;width:680px}
.recentWidth .main-head{height:1.3em;overflow:hidden;position:relative}
.recentWidth h3{marign-left:10px}
.loaddinng{background-image:url(http://i38.servimg.com/u/f38/16/58/45/96/loadin10.gif);
background-position:center center;
background-repeat:no-repeat;
height:150px;width:180px}
#quanlylist{
border:2px solid #EAEAEA;
padding:10px!important;width:276px}
#quanlylist p{
background-color:#8B8B8B;
border:1px solid #807F7F;
color:#FFF;
font-variant:small-caps;
margin:7px -12px;
padding:3px 10px;
text-shadow:1px 1px 1px #000;
width:278px}
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;margin:5px 10px 5px 70px;min-height:50px;padding-left:10px;width:858px}
.starsTitle {
background-color: #DDD;
color: #706969;
font-family: Comic Sans MS!important;
font-variant: small-caps!important;
font-weight: 700!important;
height: 20px;
line-height: 20px;
padding: 5px;
text-shadow: 1px 1px 1px white;
}
.jqDrag{width:398px}
.popup{min-width:434px;
width:434px!important}
#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.loaddingLike{background:url(http://i68.servimg.com/u/f68/16/58/45/96/iconlo11.gif) no-repeat scroll center center transparent;display:none;height:1.4em;margin:-1.4em 0 -3px 150px;width:126px}
/* Tooltip */
#tooltip .tiplFMvi{border-bottom:2px dotted #ddd;margin-bottom:5px;padding-bottom:5px}
#tooltip{background:#FFF url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);border:1px solid #ddd;border-radius:3px;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;max-width:550px;padding:10px;position:absolute;z-index:99}/* memberlist 2 in 1 */
#tooltip .header,a.mainmenu[href='/']{display:none}
#main .module-advert {
opacity: 0.1;
}
- Code:
<div class="module main">
<div id="active_starters" class="main-contentr top-vi">
<ul class="latest_topics">
<!-- BEGIN POSTER -->
<li>
<span onmouseover="show_tooltip(this, $(this).next().html(), '')">
{POSTER.NAME}
</span>
<div style="display:none"><div style="padding:10px">{POSTER.NB_TOPICS}</div></div>
</li>
<!-- END POSTER -->
</ul>
</div>
</div>
- Code:
<div class="module main">
<div class="starsTitle">
<span style="float: left; padding-right: 8px;margin-top: -3px;">
<select id="changeviewrep"><option value="most_viewed">Xem nhiều nhất</option><option value="most_active">Trả lời nhiều nhất</option></select></span></div>
<div id="most_active" class="main-contentr viewrep">
<ul class="latest_topics">
<!-- BEGIN TOPIC -->
<li>
<span class="leftrecent" style="width:125px!important">
<a href="{TOPIC.LINK}" onmouseover="show_tooltip(this, $(this).parent().next().html(), '')" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
</span>
<div style="display:none"><div class="rightnumber">{TOPIC.TITLE}</div></div>
</li>
<!-- END TOPIC -->
</ul>
</div>
</div>
- Code:
<div class="module main">
<div id="most_viewed" class="main-contentr viewrep">
<ul class="latest_topics">
<!-- BEGIN TOPIC -->
<li>
<span class="leftrecent" style="width:125px!important">
<a onmouseover="show_tooltip(this, $(this).parent().next().html(), '')" href="{TOPIC.LINK}" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
</span>
<div style="display:none"><div class="rightnumber">{TOPIC.TITLE}</div></div>
</li>
<!-- END TOPIC -->
</ul>
</div>
</div>
- Code:
<div class="module main recentWidth" style="border-right:1px solid #DDD!important;height:419px">
<div class="starsTitle" style="position: relative;">
<h3><p style="position: relative; margin-left: 26px; margin-right: 10px;">
<span class="leftrecent">Bài viết mới</span><span style="margin-right: 3px;" class="rightrecent">Người gửi</span><span class="viewfmvi">Xem</span><span style="margin-right: -7px;" class="repfmvi">Trả lời</span><span style="margin-right: -6px;" class="lastcate">Chuyên mục</span>
</h3><div id="proLastLoad" class="loaddingLike" style="display: none; "></div></div>
<div id="recentnew" class="main-content" style="border: 0pt none; margin-top: -3px;"><ul class="latest_topics" style="padding-left: 20px ! important;"><div class="loaddinng"></div></ul></div><div id="dulieupostter"></div></div><style>.Load {display:none;background: white url(http://i48.servimg.com/u/f48/13/58/60/43/loadaj10.gif) 50% 50% no-repeat;position: fixed;left: 50%;top: 40%;width: 50px;height: 50px;border: 10px solid #82D23D;border: 20px solid rgba(130, 210, 60, .3);border-radius: 50px;margin-left: -25px;}</style>
<script type="text/javascript" src="http://www.buonthungpro.com/14985.js"></script>