profile's cover

anhsailam
anhsailam
Member
Member

Tổng số bài gửi : 11

Join date : 07/11/2013

[Share] Lasttopic 9xstudio
Post n°
Demo [Share] Lasttopic 9xstudio Huyent10

mod_recent_topics:
Code:
<div id="left" style="position: relative;">
  
<div class="module main">
  <div class="tag mekiep">
    <div data="0" class="last active">Bài mới</div>
    <div data="2" class="last">Điểm tin</div>
    <div data="3" class="last">Truyện</div>
    <div data="4" class="last">Thơ - Văn</div>
   <div data="5" class="last">Âm nhạc</div>
    <div data="6" class="last">Phim</div>
   <div data="7" class="last">Chém gió</div>
    <div data="8" class="last">Làm quen</div>
   <div data="9" class="last">Ảnh thành viên</div>  
    <div data="10" class="last">Bikini - Girl xinh™</div>
 </div>
  
  <div id="loadddddd" style="display:none">  
       </div>
      
        <div class="main-content fuck" style="z-index:998;position: relative;border-top: 2px solid #000;
  float: left;width: 670px;">
        
        <ol id="lastest" class="forum0 activea">
        
         <!-- BEGIN classical_row -->



 <!-- BEGIN recent_topic_row -->
          
          
          <li>
            <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; width:600px!important">
            
 <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>

 

<!-- BEGIN switch_poster -->
              <div class="toppost" style="float:right;">
 <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
 
             </div>
                <!-- END switch_poster -->
 
             
            </span>
          
            
            
          
          
          
          
          </li>
        <!-- END recent_topic_row -->

<!-- END classical_row -->
        
        
        
        </ol>
       
        <ol id="lastest" class="forum2">
          <li>
            
            <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">


        

</span></li></ol>
          

          <ol id="lastest" class="forum3"></ol>
          <ol id="lastest" class="forum4"><li>
            <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">


</span></li></ol>
            
            <ol id="lastest" class="forum5"></ol>
            <ol id="lastest" class="forum6"></ol>
            <ol id="lastest" class="forum7"></ol>
            <ol id="lastest" class="forum8"><li>
              <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">

</span></li></ol>
            


<ol id="lastest" class="forum9"><li>
              <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">


           </span></li>  
</ol>    
              </div></div>
  
  
  
  

  </div>
thêm vào đầu overall_footer_begin:
Code:
<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>
tìm trong overall_header thẻ 

Code:
<body>
 thay thành:
Code:
<body onload="buonqua();">  
  <div id="loading" style="display: none;"></div>
  
  <style>#loading {
background: #000 url(http://loadinfo.net/images/preview/18_clock_five_24.gif?1200916238) no-repeat center center;
opacity: 0.7;
filter: alpha(opacity=65);
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 50px;
height: 50px;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
color: #FFF;
text-align: center;
position: fixed;
-webkit-transition: 0 30s ease-out;
-moz-transition: 0 30s ease-out;
transition: transform 30s ease-out;
padding: 0;
z-index: 999;
    }</style>
thêm vào css ( bạn nào đang dùng skin 9xstudio mình share ko cần thêm css nữa )
Code:




#content-container div#left {
float: none;
margin-bottom: 10px;
width: 100%;
}
.module.main {
margin: 0!important;
}
div.mekiep {
border-right: 1px solid #DBE4EF;
border-top: 2px solid black;
float: left;
height: 339px;
margin-right: -1px;
overflow: hidden;
position: relative;
width: 137px;
z-index: 100;
}
.tag div.active {
background: #FBFBFB;
border-right: 1px solid #FBFBFB!important;
cursor: none;
font-style: italic;
position: relative;
z-index: 999;
}
.tag div {
background: none repeat scroll 0 0 #F6F8FB;
cursor: pointer;
float: left;
margin: 0 6px 0 0;
padding: 10px;
}
.last {
border-bottom: 1px solid #DBE4EF;
border-right: 1px solid #DBE4EF;
display: block;
font-size: 11px;
font-weight: 700;
line-height: normal;
outline: none;
text-decoration: none;
width: 116px;
}
#lastest {
line-height: 20px;
list-style: decimal-leading-zero outside none;
padding-left: 20px;
}
.fuck ol.activea {
display: block;
}
#lastest li {
border-bottom: 1px dotted #CCC;
clear: both;
}

.fuck ol {
display: none;
}



vào ACP -> Modules -> Forum widgets management cho recent topic lên là dc.

thế là xong giờ các bạn để ý trong mod_recent_topics có 2 đoạn:
Code:
<div class="tag mekiep">
    <div data="0" class="last active">Bài mới</div>
    <div data="2" class="last">Điểm tin</div>
    <div data="3" class="last">Truyện</div>
    <div data="4" class="last">Thơ - Văn</div>
   <div data="5" class="last">Âm nhạc</div>
    <div data="6" class="last">Phim</div>
   <div data="7" class="last">Chém gió</div>
    <div data="8" class="last">Làm quen</div>
   <div data="9" class="last">Ảnh thành viên</div>  
    <div data="10" class="last">Bikini - Girl xinh™</div>
 </div>
và

Code:
<ol id="lastest" class="forum2">
          <li>
            
            <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">


        

</span></li></ol>
          

          <ol id="lastest" class="forum3"></ol>
          <ol id="lastest" class="forum4"><li>
            <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">


</span></li></ol>
            
            <ol id="lastest" class="forum5"></ol>
            <ol id="lastest" class="forum6"></ol>
            <ol id="lastest" class="forum7"></ol>
            <ol id="lastest" class="forum8"><li>
              <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: absolute; width:460px!important">

</span></li></ol>
            


<ol id="lastest" class="forum9"><li>
các bạn thay số chuyên mục chứa box cần load bài viết vào số trong data="" và số forum trong  <ol id="lastest" class="forum">

Mọi Thắc Mắc Hỗ Trợ Tại Topic Hỗ Trợ
Rip by Phan Tuấn Anh