vovanan |
Tiêu đề: [Share] Last Fmvi 4.0 Style VDS Wed Dec 26, 2012 8:27 pm | |
| demo anh? : demo sống : lasttopic forum ta đang sài: 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; } chèn code sau vào index_body : - 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> mod_top_post_users_week: - 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> mod_top_post_users_month: - 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> mod_most_viewed_topics: - 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);
}); js last 2: - 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 js last 3: - 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: |
|