Menu
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}
<!-- 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}
|
|