Menu
Code:
<!-- BEGIN classical_row --><br />
<div class="module main lasver">
<div class="tag mekiep">
<div data="0" class="last active" style=" border-top: 1px solid #ddd; ">Bài viết mới <br /> <span class="lasv">New Thread</span></div>
<div data="1" class="last">TEST 1 <br /><span class="lasv">test 1</span></div>
<div data="2" class="last">TEST 2 <br/><span class="lasv">test 2</span></div>
<div data="3" class="last">TEST 3 <br /><span class="lasv">test 3</span></div>
</div>
<div id="loadddddd" style="display:none"></div>
<div class="main-content fuck" style="border-left: #fff;z-index:5;position: relative;float: left;width: 510px;">
<ol id="lastest" class="activea forum0">
<!-- BEGIN recent_topic_row -->
<li>
<span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; width:400px!important"><a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.S_POSTTIME}">{classical_row.recent_topic_row.L_TITLE}</a></span>
<!-- BEGIN switch_poster -->
<a class="rlink" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
<span class="rlink">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
<!-- END switch_poster_guest -->
</li>
<!-- END recent_topic_row -->
</ol>
<ol id="lastest" class="forum1"></ol>
<ol id="lastest" class="forum2"></ol>
<ol id="lastest" class="forum3"></ol>
</div>
</div>
<!-- END classical_row -->
<script>
$(function() {
$(".tag div").click(function() {
$(".active").removeClass("active");
$(this).addClass("active");
var a = $(this).attr("data");
0 != a ? ($("#loading").show(),$("#loadddddd").load("/f" + a + "-forum .table tr", function() {
var b = "";
for(i = 1;i < $("#loadddddd tr").length;i++) {
b = b + '<li><span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">' + $(this).find('tr:eq('+i+') .topic-title').html() +'</span> <span style="float: right;margin-right: -7px;">' + $(this).find('tr:eq('+i+') td.tcr strong').html() + '</span></li>'
}
$(".activea").removeClass("activea");
$(".forum" + a).addClass("activea").html(b);
$("#loading").fadeOut();
})) : ($(".activea").removeClass("activea"), $(".forum" + a).addClass("activea"))
})
});
</script>
Code:
<span style="display:none" class="tcl avatar-minie"> <span class="newmmem">
<!-- BEGIN memberrow -->
<li>
<a class="gen" href="{memberrow.U_VIEWPROFILE}">
<span class="tcl avatar-minir">{memberrow.USERNAME}</span>
</a>
<span class="lastRight"> {memberrow.JOINED} </span>
</li>
<!-- END memberrow -->
</span>
</span>Code:
<table width="100%">
<tbody>
<tr>
<td class="blocksubhead" nowrap="nowrap" align="left">
<div id="ctop_select_2" href="#" rel="nofollow" class="popupmenu"> <a class="popupctrl" id="yui-gen1"><span class="topchon" id="ctop_title_2">Top Members</span></a> </div>
</td>
<td class="blocksubhead" nowrap="nowrap" width="100%">
<ul id="last">
<li class="selec_last selected" data="0"> All Forums</li>
<li class="selec_last" data="1"> Tabs1</li>
<li class="selec_last" data="2"> Tabs2</li>
<li class="selec_last" data="3"> Tabs3</li>
</ul>
</td>
</tr>
<!--<tr>-->
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</tr>
</tbody>
</table>Code:
<tr>
<td class="blocksubhead" style="height: 1px;" nowrap="nowrap">
<div id="ctop_select_4" href="#" rel="nofollow" class="popupmenu"> <a href="javascript://" class="popupctrl" id="yui-gen3"><span class="topchon" id="ctop_title_4">News Members</span></a> </div>
</td>
</tr>
<td class="alt1" valign="top" id="changstats_topbox_2" style="padding: 6px;background: white;border: 1px solid #DFDFDF;">
<div id="active_starters1" nowrap="nowrap">
<ul class="latest_topics1 topptv" href="/memberlist?mode=joined&order=DESC&submit=Ok&username" style="height: 115px;margin: -0.3em 0 !important">
<div id="topp"></div>
<script>
if (sessionStorage.getItem('tvnew') == null) {
$.get(jQuery('.topptv').attr('href'), function(b) {
$('#topp').html($('span.avatar-minie > span:lt(5)', b).html());
$('#topp .lastRight').text(function() { return this.innerHTML.replace("/2012", "").replace("/2013", "").replace("/2014", "").replace("/2015", "").replace("/2016", "").replace("/2017", "").replace("/", "-") });
var a = $('#topp').html();
sessionStorage.setItem('tvnew', '' + a + '');
})
} else {
$('#topp').html(sessionStorage.getItem('tvnew'))
}
$(function() {
$("#active_topics a, #viewed_topics a").after(function() {
return '<span class="lastRight">' + this.title.replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, "$1") + '</span>'
});
$("#top_posters .lastRight").text(function() {
return this.innerHTML.replace(/(\d+)\s.+/, "$1")
});
});
</script>
</ul>
</div>
</td>Code:
<td class="datacontainer" rowspan="3" valign="top" id="changstats_latestposts" style="padding:6px;background:white;border:1px solid #DFDFDF;position:relative">
<div class="thead_latest" style="color: #373434;font-style:italic;font-size:13px;border-bottom:1px solid #E6E6E6">
<span>Chủ đề</span>
<span style="float: right;margin-right: 30px;">Người gửi cuối</span>
</div>
<!-- BEGIN classical_row -->
<div id="las_topx" class="lasperpen">
<ul class="latest_topics baixemnhieu" style="max-height:300px">
<!-- BEGIN recent_topic_row -->
<li>
<span class="leftrecent">
<img src="http://sv1.upsieutoc.com/2016/10/04/post_old.gif" alt="" width="15" height="15" style=" margin-right: 5px; " /><a title="{classical_row.recent_topic_row.L_TITLE}" href="{classical_row.recent_topic_row.U_TITLE}" class="topictitle">{classical_row.recent_topic_row.L_TITLE}</a>
</span>
<span class="imgstatus" >
<img src="http://sv1.upsieutoc.com/2016/10/04/post_old.png" />
</span>
<span class="rightrecent">
<!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <!-- END switch_poster -->
<!-- BEGIN switch_poster_guest --> {classical_row.recent_topic_row.switch_poster_guest.S_POSTER} <!-- END switch_poster_guest -->
</span>
</li>
<!-- END recent_topic_row -->
</ul>
</div>
<!-- END classical_row -->
</td>
Code:
<td class="alt1" valign="top" id="changstats_topbox_2" style="height: 130px;padding: 6px;background: white;border: 1px solid #DFDFDF;">
<div id="top_posters" nowrap="nowrap">
<ul id="top_posters" class="latest_topics1" style="margin: -0.3em 0 !important">
<!-- BEGIN POSTER -->
<li>
{POSTER.NAME}
<span class="lastRight">
{POSTER.NB_POSTS}
</span>
</li>
<!-- END POSTER -->
</ul>
</div>
</td>Code:
#top_posters strong,#topp strong,.rightrecent strong{font-weight:100!important}
.topchon{background:#fff;font-weight:700;color:#141414;text-decoration:none;padding:0 8px;float:left;border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-bottom:1px solid #fff;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-khtml-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;-khtml-border-top-right-radius:5px;display:inline-block;line-height:25px;cursor:pointer;outline:0 none;white-space:nowrap;word-wrap:normal;height:16px;padding-bottom:11px;z-index:11;position:relative;border-bottom:0;margin-bottom:-3px}
#last{list-style:none}
#last li{font-weight:700;background:#ECECEC;color:#7B7B7B;text-decoration:none;padding:0 8px;margin-right:-1px;border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-khtml-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;-khtml-border-top-right-radius:5px;display:inline-block;line-height:25px;cursor:pointer;outline:0 none;white-space:nowrap;word-wrap:normal;height:24px;margin-right:15px;margin-bottom:-5px}
#last li.selected{z-index:11;position:relative;border-bottom:0;background:#fff;padding-bottom:1px;color:#494949}
.latest_topics1{margin:0!important;padding:0 0 0 27px;text-align:left;height:129px;overflow:hidden}
.top_posters,.latest_topics1,.users_week1,.users_month1{width:150px}
.latest_topics1{padding:4px 0}
.latest_topics{margin:0!important;padding:0 0 0 15px;text-align:left}
.latest_topics li{border-bottom:1px solid #EAEAEA;line-height:19.1px;position:relative;list-style:inherit}
.latest_topics li:hover{background:#FBFBFB}
.lastcate,.left,.leftrecent,.repfmvi,.rightrecent,.viewfmvi{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}
.leftrecent{width:78%;margin-left:3px}
.leftrecent a.topictitle{color:#1061b3;font-weight:400}
#las_topx li:nth-child(2n+1) .leftrecent a.topictitle{color:#006629!important}
.imgstatus{background-color:#FFF;left:-16px;top:2px;padding-bottom:3px;position:absolute;border-bottom:1px solid #EAEAEA}
.imgstatus img{width:14px}
.rightrecent{right:0;text-align:left;width:120px}
.lastRight{float:right;margin-right:2px}
.latest_topics1{list-style:decimal-leading-zero outside none;margin:0!important;padding:0 5px 0 27px;text-align:left;height:129px;overflow:hidden}
.top_posters,.latest_topics1,.users_week1,.users_month1{width:150px}
.latest_topics1{padding:4px 0}
.latest_topics1 li{line-height:19.1px;position:relative;list-style:none}
.latest_topics1 li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:75%;height:inherit}
#top_posters li a,#active_topics li a,#viewed_topics li a{float:left}
#topp .gen{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:68%;height:inherit;float:left}
Code:
<div id="hotrofm-topx" class="full large">
<div class="lpp_hotrofm">
<div class="larva-topx">
<ul class="topx-tabs">
<li class="sub-tab active"><a href="#tab1">Bài viết mới</a></li>
<li class="sub-tab"><a href="#tab2">Chủ xem nhiều</a></li>
<li id="refresh" title="Cập nhật lại"></li>
<li class="select-list" style="display:none"> <select class="form-control" id="xdavn-topx-result-count"> <option value="12">12</option> <option value="22">22</option> <option value="32">32</option> <option value="42">42</option> <option value="52">52</option> </select> </li>
</ul>
<ul class="head-col">
<li class="list-topx-header"> </li>
</ul>
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var versionMinor = parseFloat(navigator.appVersion),
versionMajor = parseInt(versionMinor),
IE = document.all && !window.opera && 7 > versionMajor,
IE7 = document.all && !window.opera && 7 <= versionMajor,
OP = window.opera,
FF = document.getElementById,
NS = document.layers;
function get_item(a, c) {
if (IE) return c ? window.opener.document.all[a] : document.all[a];
if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
}
var current_tooltip;
function show_tooltip(a, c) {
var b = get_item("tooltip");
b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
b.style.zIndex = 1000;
b.style.position = "absolute";
b.innerHTML = "<p>" + c + "</p>";
b.style.visibility = "visible";
a.onmousemove = move_tooltip;
a.onmouseout = function() {
b.style.visibility = "hidden"
};
a.title = ""
}
var offsetxpoint = -60,
offsetypoint = 20,
real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
real_body = document.documentElement ? document.documentElement : document.body;
function move_tooltip(a) {
var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
current_tooltip = get_item("tooltip");
current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
}
$(".list-link .list-link-col a.larva_tooltip:first-child").mouseover(function() {
show_tooltip(this, $(this).next().html())
});
$(".topx-tabs li").click(function() {
$(".topx-tabs li").removeClass('active');
$(this).addClass("active");
$(".topx-content").hide();
var active_tab = $(this).find("a").attr("href");
$(active_tab).fadeIn();
return false;
});
//]]>
</script>Code:
<ul id="tab2" class="topx-content" style="display:none">
<!-- BEGIN TOPIC -->
<li class="list-link">
<div class="list-link-col list-link-title"><a class="larva_tooltip" href="{TOPIC.LINK}">{TOPIC.NAME}</a>
<div class="tooltip_data" style="display:none">
<div class="tooltipContent">
<b>{classical_row.recent_topic_row.L_TITLE}</b>
{TOPIC.TITLE}</div>
<span class="arrow"></span>
</div>
</div>
</li>
<!-- END TOPIC -->
</ul>Code:
<ul id="tab1" class="topx-content">
<!-- BEGIN classical_row -->
<!-- BEGIN recent_topic_row -->
<li class="list-link">
<div class="list-link-col list-link-title"><a class="larva_tooltip" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
<div class="tooltip_data" style="display:none">
<div class="tooltipContent">
<b>{classical_row.recent_topic_row.L_TITLE}</b>
<br /> Username:
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
<br /> Thời gian: {classical_row.recent_topic_row.S_POSTTIME}</div>
<span class="arrow"></span>
</div>
</div>
<div class="list-link-col list-link-time"><span class="topx-timmer">{classical_row.recent_topic_row.S_POSTTIME}</span></div>
</li>
<!-- END recent_topic_row -->
<!-- END classical_row -->
</ul>Code:
#hotrofm-topx li{list-style:none}
#hotrofm-topx{width:100%;height:auto;position:relative;margin:10px auto;line-height:.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#hotrofm-topx .lpp_hotrofm{position:relative;width:auto;background:#fff;border:1px solid #ccc;-webkit-box-shadow:0 0 12px rgba(50,50,50,0.2);-moz-box-shadow:0 0 12px rgba(50,50,50,0.2);-webkit-box-shadow:0 0 12px rgba(50,50,50,0.2);-moz-box-shadow:0 0 12px rgba(50,50,50,0.2);-khtml-box-shadow:0 0 12px rgba(50,50,50,0.2);-webkit-box-shadow:0 0 12px rgba(50,50,50,0.2);-moz-box-shadow:0 0 12px rgba(50,50,50,0.2);-khtml-box-shadow:0 0 12px rgba(50,50,50,0.2);box-shadow:0 0 12px rgba(50,50,50,0.2);margin-right:320px;margin-right:0!important}
#hotrofm-topx ul.topx-tabs{position:absolute;top:0;left:0;right:0;padding:9px 12px 3px;margin:0;text-align:left;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;list-style-type:none}
#hotrofm-topx ul.topx-tabs .sub-tab{float:left;margin:0;cursor:pointer;padding:0 21px;height:31px;line-height:31px;overflow:hidden;position:relative;display:inline-block;vertical-align:top;color:#162736;font-family:arial;font-size:13px}
#hotrofm-topx ul.topx-tabs li.active{background:#4cc8f1;color:#fff;border-bottom:1px solid #FFF;margin:0 -1px;border-top:0 solid #4cc8f1}
#hotrofm-topx ul.topx-tabs li.active a{color:#fff}
#hotrofm-topx ul.topx-tabs #refresh{float:right;height:20px;width:20px;background:url(http://xdavn.com/styles/xdavn/topx/refresh.png) no-repeat center;cursor:pointer;margin:4px 10px}
#hotrofm-topx ul.topx-tabs .select-list{float:right}
#hotrofm-topx ul.topx-tabs .select-list select{padding:5px;border:1px solid #eff2f7}
#hotrofm-topx .head-col{padding:0;margin:50px 10px 5px;list-style-type:none;font-family:arial;font-size:12px;text-decoration:none;color:#162736}
#hotrofm-topx .topx-content{padding:0;margin:0 10px 10px;list-style-type:none;font-family:arial;font-size:14px;text-decoration:none}
#hotrofm-topx .topx-content .list-link{padding:5px 0 0 10px}
#hotrofm-topx .topx-content .list-link::nth(2){border-top:0}
#hotrofm-topx .topx-content .list-link:active{background-color:#eff2f7;color:#38445b}
#hotrofm-topx .list-topx-header .list-link-col,#hotrofm-topx .list-link .list-link-col{display:inline-block;padding:6px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#hotrofm-topx.large .list-link-title{width:85%;min-width:200px!important}
#hotrofm-topx .list-link .list-link-col>span{width:auto;max-width:100%;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
#hotrofm-topx .tooltip{display:inline;position:relative}
#hotrofm-topx .list-link .list-link-col>a{width:auto;max-width:100%;display:inline-block;color:#797979;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#hotrofm-topx.large .list-link-time{display:inline-block;width:15%}
#hotrofm-topx .list-link .list-link-col>span{width:auto;max-width:100%;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
/* Tooltip */
#tooltip{font-size:13px;color:#666;background-color:#fff;padding:5px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-khtml-border-bottom-left-radius:0;border-bottom-left-radius:0;z-index:999;cursor:default;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.25);-khtml-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25)}
/*prefix*/
.prefix{background-color:#777;padding-right:10px;padding-left:10px;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;display:inline-block;line-height:20px;text-transform:uppercase;margin-right:5px}
.prefix.thong-bao{color:#fff;background-color:#EB6B6B;border-color:#F88}
.prefix.test{color:#fff;background-color:#98e2a1;border-color:#90ee90}
Code:
<div class="Latest lasttab">
<div class="usertabs">
<ul class="lastnavtab">
<li class="tabsli selected"><a href="#tab1"><span>Bài viết mới</span></a></li>
<li class="tabsli"><a href="#tab2"><span>Nhôn nhịp</span></a></li>
<li class="tabsli last"><a href="#tab3"><span>Xem nhiều</span></a></li>
</ul>
</div>
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</div>Code:
/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numList}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:73%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-258px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}Code:
<div id="tab2" class="Lastcontent selected tab_content" style="display:none">
<ol class="Lastcontentlist clearfix">
<!-- BEGIN TOPIC -->
<li class="topicli">
<div class="itemContent">
<div id="active_topics" class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </div>
<div class="listBlock itemDetail itemDetailName rep_viewer after_rep">{TOPIC.TITLE}</div>
</div>
</li>
<!-- END TOPIC -->
</ol>
</div>Code:
<div id="tab3" class="Lastcontent selected tab_content" style="display:none">
<ol class="Lastcontentlist clearfix">
<!-- BEGIN TOPIC -->
<li class="topicli">
<div class="itemContent">
<div id="viewed_topics" class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </div>
<div class="listBlock itemDetail itemDetailName rep_viewer after_view">{TOPIC.TITLE}</div>
</div>
</li>
<!-- END TOPIC -->
</ol>
</div>Code:
<!-- BEGIN classical_row -->
<div id="tab1" class="Lastcontent selected tab_content">
<ol class="Lastcontentlist clearfix">
<!-- BEGIN recent_topic_row -->
<li class="topicli">
<div class="itemContent">
<div class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.L_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> </div>
<!-- BEGIN switch_poster -->
<div class="listBlock itemDetail itemDetailName"> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="username" dir="auto">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> </div>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</div>
</li>
<!-- END recent_topic_row -->
</ol>
</div>
<!-- END classical_row -->Code:
<div class="Latest lasttab2">
<div class="usertabs">
<ul class="lastnavtab2">
<li class="tabsli selected"><a><span>Top poster</span></a></li>
</ul>
</div>
<div class="Lastcontent selected">
<ol class="Lastcontentlist clearfix">
<!-- BEGIN POSTER -->
<li class="topicli">
<div class="itemContent">
<div id="topposters" class="listBlock itemTitle" style="width:180px">{POSTER.NAME}</div>
<div class="listBlock itemDetail itemDetailName rep_viewer">{POSTER.NB_POSTS}</div>
</div>
</li>
<!-- END POSTER -->
</ol>
</div>
</div>Code:
$(document).ready(function() {
$(".lastnavtab li").click(function() {
$(".lastnavtab li").removeClass('selected');
$(this).addClass("selected");
$(".tab_content").hide();
var selected_tab = $(this).find("a").attr("href");
$(selected_tab).fadeIn();
return false;
});
$(".rep_viewer").each(function() {
$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));
});
});
<!-- END memberrow -->
Code:
<div style="display:none" class="tienlarva">
<div class="ltopmem">
<!-- BEGIN memberrow -->
<div class="las-list">
<div class="listv2">
<a href="{memberrow.U_VIEWPROFILE}" class="username" dir="auto">{memberrow.USERNAME}</a>
</div>
<div class="listv3 list_item">
<span class="nthamgia">{memberrow.JOINED}</span>
</div>
</div>
<!-- END memberrow -->
</div>
</div>Code:
<div id="latest-topic" class="clearfix">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
<script>
if (sessionStorage.getItem('tvnew') == null) {
$.get(jQuery('option.users_new').attr('href'), function(b) {
$('#loadtopnew').html($('.tienlarva .ltopmem', b).html());
var a = $('#loadtopnew').html();
sessionStorage.setItem('tvnew', '' + a + '');
})
} else {
$('#loadtopnew').html(sessionStorage.getItem('tvnew'))
}
</script>
</div>Code:
<!-- BEGIN classical_row -->
<div id="larva2nd">
<ul class="tabs tab_link">
<li class="active"><a href="#lasttopic" class="active">Bài viết mới</a></li>
</ul>
<ul id="larva2ndPanes">
<li id="lasttopic" class="tab-content active">
<div>
<div id="topx" class="topx">
<!-- BEGIN recent_topic_row -->
<div class="las-list">
<div class="listv2">
<a class="idtopics" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
</div>
<!-- BEGIN switch_poster -->
<div class="listv3 list_name">
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="username">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
</div>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</div>
<!-- END recent_topic_row -->
</div>
</div>
</li>
</ul>
</div>
<!-- END classical_row -->Code:
<div id="larva1st">
<ul class="tabs tab_select">
<li class="active">
<span class="titleList noscript">
<select style="width: 162px">
<option class="users_new" href="/memberlist?mode=joined&order=DESC" value="users-new">Thành viên mới</option>
</select>
</span>
</li>
</ul>
<ul id="larva1stPanes" class="top_posters">
<li id="users-new" class="users-test">
<div>
<div id="loadtopnew" class="topmem"><img id="loaUser" src="http://i.imgur.com/nGa0CkK.gif" style="position: absolute; margin-top: -19px; margin-left: 198px" /></div>
</div>
</li>
</ul>
</div>Code:
/*LATESTTOPIC*/
li{list-style:none}
#latest-topic h3{font-size:12px;color:#fff;background-color:#387eb2;padding:8px;margin:0;min-height:6px;border:0;margin-bottom:5px}
#larva1st{float:left;width:225px}
#larva2nd{margin-left:230px}
.tabs{font-size:11px;background-repeat:repeat-x;background-position:top;padding:0 12px;border-bottom:1px solid #ddd;word-wrap:normal;min-height:23px;_height:23px;display:table;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tabs li{float:left}
.tabs li a,.tabs.tab_select li{color:#141414;text-decoration:none;background-color:#FFF;padding:0 8px;margin-right:-1px;margin-bottom:-1px;display:inline-block;line-height:22px;cursor:pointer;outline:0 none;white-space:nowrap;word-wrap:normal;height:22px}
.tabs li.active a,.tabs.tab_select li.active{background-color:#EFEFEF;padding-bottom:1px;border-bottom:1px none #000}
#larva1stPanes,#larva2ndPanes{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding-bottom:5px}
#larva1stPanes .users-test{padding-left:4px;padding-right:5px;line-height:17px;font-family:tahoma;font-size:13px}
.topmem{position:relative;zoom:1}
.las-list{background-color:#fff;border-bottom:1px solid #ddd}
.las-list .listv2{display:table-cell;vertical-align:middle;width:100%}
.las-list .listv3{font-size:11px;text-align:right;width:100px;display:table-cell;vertical-align:middle}
.las-list{display:table;table-layout:fixed;width:100%;word-wrap:normal;padding-top:3px;padding-bottom:3px}
.tab-content{padding-left:5px;padding-right:5px;line-height:17px;font-family:tahoma;font-size:13px}
ul.tabs.tab_select > li > span > select{margin:2px;font:99% arial,helvetica,clean,sans-serif;padding:0}
.new_post{background-color:#FFFFF4}
a.idtopics{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;height:inherit}
.tab-content.active{display:block}
.tab-content.hide{display:none}
|
|
|