You are not connected. Please login or register

 » Forumotion » Share Code » Last Topic » [Share] Last Fmvi 4.0 Style VDS

[Share] Last Fmvi 4.0 Style VDS

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

vovanan

avatar
Super Moderators
Super Moderators
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 :
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=&amp;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=&amp;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=&amp;search_author=*_*&amp;search_where=f3&amp;search_time=0&amp;show_results=topics&amp;sort_by=0&amp;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=&amp;search_author=*_*&amp;search_where=f24&amp;search_time=0&amp;show_results=topics&amp;sort_by=0&amp;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://illiweb.com/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:




Khong Copy bài viết

Xem lý lịch thành viên
Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

avatar

Bài gửi on Mon Dec 24, 2012 10:35 am by Sofpedia

asd

avatar

Bài gửi on Mon Dec 24, 2012 10:56 am by Sofpedia

Sao nó load hoài thế nhĩ ?

avatar

Bài gửi on Mon Dec 24, 2012 11:14 am by vovanan

thay chuyen muc load chua

avatar

Bài gửi on Thu Aug 15, 2013 4:42 am by Michael_Thi

x

avatar

Bài gửi on Sat Apr 05, 2014 1:20 pm by tinhcoanhgapem

jhgjggkgkghghg

avatar

Bài gửi on Sat Apr 05, 2014 1:22 pm by tinhcoanhgapem

sfgsdgegefgfg

avatar

Bài gửi on Wed Jun 25, 2014 10:34 pm by ♥Smile♥

xemmmmmmmmmmm

avatar

Bài gửi on Wed Aug 27, 2014 5:03 pm by phuocsa198

xem

Bài gửi  by Sponsored content

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết