demo anh? :
demo sống : lasttopic forum ta đang sài:
lưu ý: k copy bài viết
chèn code sau vào css :
mod_recent_topic:
mod_most_active_starters:
mod_top_posters:
js last 1:
js last 4:
demo sống : lasttopic forum ta đang sài:
lưu ý: k copy bài viết
chèn code sau vào 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:-32px;
padding:2px 7px;
position:absolute}
.rightrecent{
left:280px;
text-align:right;
width:115px}
.showpost{
font-size:9px;left:-12px;line-height:18px;position:absolute}
.viewfmvi{
right:190px;text-align:right;width:50px}
.repfmvi{right:120px;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:right;width:720px}
.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: url(http://www.9xstudio.biz/users/2012/10/88/45/album/thead110.gif);
border: 0px solid #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;
}
#proLastLoad {
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;
}
/* Tooltip */
#tooltip .header {display:none}
#tooltip .tiplFMvi{border-bottom:1.5px dashed;padding-bottom:5px;margin-bottom:5px}
#tooltip {
padding: 10px;
background: white;
border-radius: 4px;
box-shadow: 0px 0px 8px black;
max-width: 650px;
margin-top: 10px;
margin-bottom: 10px;
}
- Code:
<div class="boxfmvi main">
<div class="main-head">
<div class="page-title">
<center><h2>-‘๑’-Thống Kê Bài Viết -‘๑’-</h2></center>
</div>
</div>
<div class="main-content" style="margin: 1px; width: 980px;">
<!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<!-- END saut -->
<!-- END giefmod_index1 -->
<div class="vovanan1"> <div id="option2-lastpost">
<div class="op-last-bottom op-last-bottom2" onclick="javascript:searchtopic('/search?search_author=*_*&search_keywords', '20', '#recentnew ul')">Bài gửi sau cùng</div>
<div class="op-last-bottom" onclick="javascript:searchtopic('/search?search_id=newposts', '20', '#recentnew ul')">Bài từ lần truy cập trước</div>
<div class="op-last-bottom" onclick="javascript:searchtopic('/search?search_id=egosearch', '20', '#recentnew ul')">Bài bạn đã tham gia thảo luận</div>
<div class="op-last-bottom" onclick="javascript:searchtopic('/search?search_id=unanswered', '20', '#recentnew ul')">Bài chưa ai trả lời</div>
</div></div>
</div>
</div>
<style>
.vovanan1 {
left: 460px;
position: absolute;
}
</style>
mod_recent_topic:
- Code:
<div class="module main recentWidth" style="border-right:1px solid #DDD!important;height:350px"><div class="starsTitle" style="position: relative;"><h3>
<div class="op-last-bottom op-last-bottom2" onclick="javascript:searchtopic('/search?search_keywords=&search_author=*_*', '19', '#recentnew ul')" title="Tải Lại Bảng Thống Kê Bài Mới"><img src="http://i43.servimg.com/u/f43/16/03/04/56/reload11.png" width="15px" height="15px"> F5 </div><span id="ct0" class="vbmenu_control"><a href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&search_author=*_*', '19', '#recentnew ul')"><font color="#FFFFFF">Chủ Đề Mới</font></a></span>|<span id="ct0" class="vbmenu_control"><a href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&search_author=*_*&search_where=f3&search_time=0&show_results=topics&sort_by=0&sort_dir=DESC', '19', '#recentnew ul')"><font color="#FFFFFF">Gunny Lậu</font></a></span>|<span id="ct0" class="vbmenu_control"><a href="javascript:vol(0)" onclick="javascript:searchtopic('/search?search_keywords=&search_author=*_*&search_where=f24&search_time=0&show_results=topics&sort_by=0&sort_dir=DESC', '19', '#recentnew ul')"><font color="#FFFFFF">Code FM</font></a></span>
</a><span class="rightrecent">Người gửi</span><span class="viewfmvi">Xem</span><span class="repfmvi">Trả lời</span><span class="lastcate">Chuyên mục</span></p></h3></div><div id="recentnew" class="main-content" style="border: 0pt none"><ul class="latest_topics" style="padding-left: 20px ! important;"><div class="loaddinng"></div></ul></div><div id="proLastLoad"></div></div>
<style>
.vbmenu_control {
background-image:url("http://i1249.photobucket.com/albums/hh511/khoaqtkd/navBG.gif");
color: white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 13px;
font-family: Tahoma;
color: white;
padding: 7px 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.38);
-moz-box-shadow: 0px 1px 2px rgba(255,255,255,1),inset 0px 1px 1px rgba(255,255,255,1);
-webkit-box-shadow: 0px 1px 2px rgba(255, 255, 255, 1),inset 0px 1px 1px rgba(255, 255, 255, 1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);
}
.vbmenu_control:hover {
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: all .3s ease-out;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition-delay: 0, 0, 0, .5s, .5s, 0;
zoom: 1;
-moz-transform: rotate(7deg);
-o-transform: rotate(6deg);
-webkit-transform: rotate(-5deg);
}
.vbmenu_control:hover:before {
content: "";
width: 0;
height: 0;
position: absolute;
margin-top: 27px;
margin-left: 23px;
border: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, .7);
}
.vbmenu_control:hover:after {
content: "Click Để ReLoad";
position: absolute;
margin-top: 43px;
margin-left: -40px;
background: rgba(0, 0, 0, .7);
padding: 4px 9px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: white;
font: 11px normal helvetica, arial,sans-serif;
text-transform: none;
text-shadow: 0 0;
z-index: 10;
}
.tborder {
background: rgba(255, 255, 255, 0.2);
color: #FF5757;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #E4DADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.thead {
color: white;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 7px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid rgba(13, 58, 236, 0.21);
-moz-box-shadow: 0px 1px 2px rgba(189,189,189,1),inset 0px 1px 1px rgba(145,230,247,1);
-webkit-box-shadow: 0px 1px 2px rgba(189, 189, 189, 1),inset 0px 1px 1px rgba(145, 230, 247, 1);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),0px 1px 1px rgba(255, 255, 255, 0.4);
background: #8E0303;
}
.op-last-bottom2 {
height: 23px;
font-weight: bold;
border-radius: 0 0 5px 5px;
border-top: 0;
background-color: white;
margin-top: -4px;
color: red;
background-color: #FFFFFF;
}
.op-last-bottom {
float: left;
border: 1px solid #999;
margin: -1px 2px 0;
padding: 5px;
cursor: pointer;
height: 15px;
background-color: #DDD;
}
</style>
mod_most_active_starters:
- Code:
<div class="module main"><div id="active_starters" class="main-content top-vi" style="display:none"><ul class="latest_topics">
<!-- BEGIN POSTER -->
<li>
<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
{POSTER.NAME}
</span>
<span style="float: right">{POSTER.NB_TOPICS}</span>
</li>
<!-- END POSTER -->
</ul>
</div>
</div>
- Code:
<div class="module main">
<div id="users_week" class="main-content top-vi" style="display:none">
<ul class="latest_topics">
<!-- BEGIN POSTER -->
<li>
<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
{POSTER.NAME}
</span>
<span style="float: right">{POSTER.NB_POSTS}</span>
</li>
<!-- END POSTER -->
</ul>
</div>
</div>
- Code:
<div class="module main">
<div id="users_month" class="main-content top-vi" style="display:none">
<ul class="latest_topics">
<!-- BEGIN POSTER -->
<li>
<span class="leftrecent">
{POSTER.NAME}
</span>
<span style="float: right">{POSTER.NB_POSTS}</span>
</li>
<!-- END POSTER -->
</ul>
</div>
</div>
mod_top_posters:
- Code:
<div class="module main">
<div class="starsTitle">
<span style="float: right; padding-right: 0px;">
<select id="changeposter">
<option value="top_posters">TV tích cực nhất</option>
<option value="active_starters">Tạo chủ đề nhiều nhất</option>
<option value="users_week">Gửi bài nhiều trong tuần</option>
<option value="users_month">Gửi bài nhiều trong tháng</option>
</select>
</span>
</div>
<div id="top_posters" class="main-content top-vi">
<ul class="latest_topics">
<!-- BEGIN POSTER -->
<li>
<span onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" class="leftrecent">
{POSTER.NAME}
</span>
<span style="float: right;display: none" >{POSTER.NB_POSTS}</span>
</li>
<!-- END POSTER -->
</ul>
</div>
</div>
- Code:
<div class="module main">
<div id="most_viewed" class="main-content viewrep" style="border-bottom-width: 0pt;">
<ul class="latest_topics">
<!-- BEGIN TOPIC -->
<li>
<span class="leftrecent" style="width:175px!important"><a href="{TOPIC.LINK}" onmouseover="show_tooltip(this, $(this).parent().next().html(), 'FMvi.vn')" title="{TOPIC.NAME}">
{TOPIC.NAME}</a></span><div style="display:none"><div class="rightnumber">
{TOPIC.TITLE}</div> </div>
</li>
<!-- END TOPIC -->
</ul>
</div>
js last 1:
- Code:
$(function(){
$('#select-lastpost option').each(function(){
if ($(this).text().search(/\|\s\s\s\|--/) == 0){$(this).addClass('select-intopic');}
});
sl_op = $('#select-lastpost option.select-intopic').length;
ClickLast = Math.floor(Math.random()*sl_op);
$('#select-lastpost option.select-intopic').filter(':eq('+ClickLast+')').attr('selected', 'selected');
$('#select-lastpost').addClass('op-last-select');
Where = '&search_where='+$('#select-lastpost').val();
LoadLastPost(0);
});
- Code:
Link = '/search?search_author=*_*&search_keywords';
Start = '&start=';
Where = '';
Trang = 20;
$(function(){
op_choice = Math.floor(Math.random()*4);
OpChoice(op_choice);
$('.op-prew').click(function(){
op_choice -= 1;
if (op_choice < 0) op_choice = 3;
OpChoice(op_choice);
});
$('.op-next').click(function(){
op_choice += 1;
if (op_choice > 3) op_choice = 0;
OpChoice(op_choice);
});
$('#jumpbox-last select').clone().appendTo('#option-lastpost');
$('#option-lastpost select').removeAttr('name').removeAttr('onchange').attr('id','select-lastpost');
$('.op-last-bottom').click(function(){
$('.op-last-bottom').removeClass('op-last-bottom2');
$(this).addClass('op-last-bottom2');
});
$('#option-lastpost .op-last').click(function(){
$('#option-lastpost .op-last').removeClass('op-last2');
$('#select-lastpost').removeClass('op-last-select');
$(this).addClass('op-last2');
});
$('#select-lastpost').live('change',function(){
$('#option-lastpost .op-last').removeClass('op-last2');
$(this).addClass('op-last-select');
if ($(this).val()=='1')
{
Where = '';
LoadLastPost(0);
}
else if ($(this).val()!='-1')
{
Where = '&search_where='+$(this).val();
LoadLastPost(0);
}
});
$('.TrangTruoc').click(function(){
st = parseInt($('#SoTrangLT').val())-1;
$('#SoTrangLT').val(st);
LoadLastPost(st-1);
});
$('.TrangSau').click(function(){
st = parseInt($('#SoTrangLT').val())+1;
$('#SoTrangLT').val(st);
LoadLastPost(st-1);
});
$('#SoTrangLT').change(function(){
ltval = parseInt($(this).val());
if (ltval < 1 || ltval > 20)
{
$(this).val(1);
}
else
{
LoadLastPost(ltval-1);
}
});
});
function LoadLastPost(page){
page > 0 ? $('.TrangTruoc').show() : $('.TrangTruoc').hide();
if (page == 0){$('#SoTrangLT').val(1);}
LinkLastPost = Link + Where + Start + page*Trang;
$('#Load').show();
$('#dl-lastpost').load(LinkLastPost+' form.frm-form .main-content .table .statused tr',function(){
$('#main-lastpost').empty();
$(this).find('tr').length < 20 ? $('.TrangSau').hide() : $('.TrangSau').show();
if ($(this).is(':empty'))
{
$('#main-lastpost').text('Không có dữ liệu');
}
else
{
$(this).find('tr').each(function(){
$('<div class="dl-post"></div>').appendTo('#main-lastpost');
$('<span class="lp1"></span>').html($(this).find('span.status').html()).appendTo('#main-lastpost .dl-post:last');
$('<span class="lp2" title="'+$(this).find('td:first h2.topic-title').text()+'"></span>').html('<a href="'+$(this).find('td:last a:last').attr('href')+'">'+$(this).find('td:first h2.topic-title').text()+'</a>').appendTo('#main-lastpost .dl-post:last');
$(this).find('td:first a.gensmall').appendTo('#main-lastpost .dl-post:last').wrap('<span class="lp3"></span>');
$(this).find('td:eq(4) a.gensmall').appendTo('#main-lastpost .dl-post:last').wrap('<span class="lp4"></span>');
$('<span class="lp5"></span>').html($(this).find('td:eq(1)').html()).appendTo('#main-lastpost .dl-post:last');
$('<span class="lp6"></span>').html($(this).find('td:eq(2)').text()).appendTo('#main-lastpost .dl-post:last');
$('<span class="lp7"></span>').html($(this).find('td:eq(3)').text()).appendTo('#main-lastpost .dl-post:last');
$('<img src="http://2img.net/i/fa/m/icon_minitime1.gif
- Code:
$(function(){searchtopic('/search?search_keywords=&search_author=*_*','24','#recentnew ul');$("#changeviewrep").change(function(){$(".viewrep").hide();$("#"+$(this).val()).show()});$("#changeposter").change(function(){$(".top-vi").hide();$("#"+$(this).val()).show()});$("#most_viewed li:gt(20),#most_active li:gt(20),#top_posters li:gt(10),#active_starters li:gt(4),#users_week li:gt(20),#users_month li:gt(20)").hide();var u;for(u=0;u<20;u++){var numelat=$(".rightnumber:eq("+u+")");numelat.text(numelat.text().slice(numelat.text().lastIndexOf("-")+1))}$("#left").fadeIn(1000);$("#changeFMvi").html($("#pun-about select[name='selected_id']").html())});
js last 4:
Khong Copy bài viết |