[Share] Latest topic devs

avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị

Demo




Index_body

Code:
<div id="latestTopics" class="clearfix">
 <div class="borderwrap">
 <div class="maintitle floated clearfix">
 <h2>Thống kê bài viết</h2>
                  <div class="contract" id="bc0" onclick="toggleCategory('c0');">&nbsp;&nbsp;&nbsp;</div>
 </div>
 <div id="c0" class="maincontent">
 <table cellpadding="0" cellspacing="0" class="ipbtable">
 <thead>
 <tr>
 <th class="dropdown" width="30%">
 <noscript>
 Top mở chủ đề
 </noscript>
 <div class="titleList noscript" style="display: block;">
 <select>
 <option value="topActive">Top mở chủ đề</option>
 <option value="topPosters">Top đăng bài viết</option>
 <option value="topWeek">Top đăng bài tuần</option>
 <option value="topMonth">Top đăng bài tháng</option>
 </select>
 </div>
 </th>
 <th class="tabs">
 <div class="titleList">
  <label class="latestTitle" for="recentTopics">Bài viết mới</label>
                                          <label class="latestTitle" for="activeTopics">Chủ đề sôi nổi</label>
                                          <label class="latestTitle" for="viewedTopics">Chủ đề xem nhiều</label>
 </div>
 </th>
 </tr>
 </thead>
 <tbody>
                          <tr>
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- END giefmod_index1 -->
                          </tr>
 </tbody>
 </table>
 </div>
 </div>
</div>
<script type="text/javascript">
    //<![CDATA[
    var versionMinor = parseFloat(navigator.appVersion),
        versionMajor = parseInt(versionMinor),
        IE = document.all && !window.opera && 7 > versionMajor,
        IE7 = document.all && !window.opera && 7 <= versionMajor,
        OP = window.opera,
        FF = document.getElementById,
        NS = document.layers;

    function get_item(a, c) {
        if (IE) return c ? window.opener.document.all[a] : document.all[a];
        if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
        if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
    }
    var current_tooltip;

    function show_tooltip(a, c) {
        var b = get_item("tooltip");
        b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
        b.style.zIndex = 1000;
        b.style.position = "absolute";
        b.innerHTML = "<p>" + c + "</p>";
        b.style.visibility = "visible";
        a.onmousemove = move_tooltip;
        a.onmouseout = function() {
            b.style.visibility = "hidden"
        };
        a.title = ""
    }
    var offsetxpoint = -60,
        offsetypoint = 20,
        real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
        real_body = document.documentElement ? document.documentElement : document.body;

    function move_tooltip(a) {
        var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
        current_tooltip = get_item("tooltip");
        current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
        current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
    }
    $("li > a", "#recentTopics_div").mouseover(function() {
        show_tooltip(this, $(this).next().html())
    });
    $("li:contains('[Thùng rác]')", "#recentTopics_div").appendTo("#recentTopics_div > ol");
    $(".titleList.noscript").show();
    $(".latestTitle[for='recentTopics']").addClass("active");
    $("select", ".titleList.noscript").change(function() {
        $(".postersLast").hide();
        $("#" + this.value).show();
    });
    $(".latestTitle").click(function() {
        $(".latestTitle.active").removeClass("active");
        $(this).addClass("active");
    });
    $("a", "#activeTopics_div,#viewedTopics_div").after(function() {
        var tit = this.title;
        var split = tit.lastIndexOf('-');
        this.title = tit.slice(0, split - 1);
        return '<span class="right">' + tit.slice(split + 2) + '</span>';
    }); //]]>
</script>

mod_most_active_starters

Code:
<td class="row1" width="30%">
  <div id="topActive" class="box-content postersLast" style="display: block;">
    <ol class="olList group_poster">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="right">
          {POSTER.NB_TOPICS}
         </span>
      </li>
      <!-- END POSTER -->
    </ol>
   </div>
<!--</td>-->

mod_most_active_topics

Code:
<input id="activeTopics" class="topicsLast" type="radio" name="topicsLast">
<div id="activeTopics_div" class="box-content topicsLast_div">
  <ol class="olList group_poster">
 <!-- BEGIN TOPIC -->
 <li>
  <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
                          <span style="display:none">{TOPIC.TITLE}</span>
 </li>
 <!-- END TOPIC -->
  </ol>
</div>

mod_most_viewed_topics

Code:
<input id="viewedTopics" class="topicsLast" type="radio" name="topicsLast">
<div id="viewedTopics_div" class="box-content topicsLast_div">
  <ol class="olList group_poster">
 <!-- BEGIN TOPIC -->
 <li>
  <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
                          <span style="display:none">{TOPIC.TITLE}</span>
 </li>
 <!-- END TOPIC -->
  </ol>
</div>

mod_recent_topics

Code:
<td class="row1">
  <input id="recentTopics" class="topicsLast" type="radio" name="topicsLast" checked="checked" />
<!-- BEGIN classical_row -->
    <div id="recentTopics_div" class="box-content topicsLast_div">
      <ol class="olList group_poster">
  <!-- BEGIN recent_topic_row -->
         <li>
            <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
            <div class="tooltip_data" style="display:none">
               <p>
                  <span style="color:red">Tiêu đề</span>: {classical_row.recent_topic_row.L_TITLE}
               </p>
               <p>
                  <span style="color:blue">Gửi lúc</span>: {classical_row.recent_topic_row.S_POSTTIME}
               </p>
            </div>
            <!-- BEGIN switch_poster -->
           <span class="right">
            <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
           </span>
            <!-- END switch_poster -->
            <!-- BEGIN switch_poster_guest -->
            <span class="right">
               {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            </span>
            <!-- END switch_poster_guest -->
         </li>
         <!-- END recent_topic_row -->
      </ol>
    </div>
<!-- END classical_row -->
<!--</td>-->

mod_top_post_users_month

Code:
<!--<td> -->
<div id="topMonth" class="box-content postersLast" style="display: none;">
  <ol class="olList group_poster">
 <!-- BEGIN POSTER -->
 <li>
 {POSTER.NAME}
 <span class="right">{POSTER.NB_POSTS}</span>
 </li>
 <!-- END POSTER -->
  </ol>
</div>
</td>

mod_top_post_users_week

Code:
<div id="topWeek" class="box-content postersLast" style="display: none;">
   <ol class="olList group_poster">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="right">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ol>
</div>

mod_top_posters

Code:
<div id="topPosters" class="box-content postersLast" style="display: none;">
   <ol class="olList group_poster">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="right">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ol>
</div>

CSS

Code:
/* latest topics */
#latestTopics input.topicsLast:checked + div.box-content{display:block}
table.ipbtable th{height:33px}
.olList{padding-left:22px;line-height:24px;list-style:none}
.olList li{position:relative;height:24px;width:100%;list-style-type:none;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
.olList li:before{content:counter(Zzindex);display:block;height:17px;background:#EBEBEB;position:absolute;left:-22px;font-size:11px;top:4px;border-radius:2px;text-align:center;width:16px;color:#FFF;line-height:16px;z-index:10}
.olList li:after{content:" ";background:#EBEBEB;display:block;width:6px;height:6px;position:absolute;top:9px;left:-9px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.olList li:nth-child(1):before,ol.olList li:nth-child(1):after{background:red}
.olList li:nth-child(2):before,ol.olList li:nth-child(2):after{background:#FD5405}
.olList li:nth-child(3):before,ol.olList li:nth-child(3):after{background:#FDB55A}
.olList li:nth-child(3) ~ li:before,ol.olList li:nth-child(3) ~ li:after{color:#EC4403;text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF}
.olList li > a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:70%;height:inherit}
.olList li > .right{position:absolute;right:0;top:0}
table.ipbtable th.tabs{padding:0 0 0 20px;text-align:left}
th.tabs label{display:inline-block;height:34px;line-height:30px;padding:0 12px;border:1px solid transparent;border-bottom:0 none}
th.tabs label:hover,th.tabs label.active{cursor:pointer;border-color:#DDD;background:#FFF}
.tabs .titleList{margin-bottom:-5px}
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}

Widget




ACP > Modules > Portal & Widgets > Forum widgets management > chọn nút vàng ở recent_topic Activate the topics scrolling : không
 Trả lời bài viết
avatar

Karbyz49234
501
137
Punbb
An toàn
Anh là vô địtt :))
Quản lý viên

Bài viết :
234
Points :
501
Like :
137
Punbb
An toàn
Anh là vô địtt :))
All ver luôn ngon thế
 Trả lời bài viết
avatar

Delsin1
1
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
1
Points :
1
Like :
0
Punbb
An toàn
thank you :)
 Trả lời bài viết
avatar

Admin238
486
85
Punbb
Quản trị
?????
Founder
Founder

Bài viết :
238
Points :
486
Like :
85
Punbb
Quản trị
?????
Mặc dù trên mạng có nhiều người share skin này ví dụ như:

Code:
cntt-k3.forumvi.com/t10174-share-skin-devs-forumvi-com-full
gamez0ne.5forum.net/t1136-topic
tips.forumvi.com/t109-topic
.....

Dù sao e tách mod của họ thế này a thấy ko nên tý nào. lần sau đừng làm thế nữa nhé Sad

Dù gì cũng là cộng đồng với nhau. hotrofm mới mở cửa ko muốn gây thù bão gì với mọi người cả , chỉ muốn có chỗ cho ae vào chém gió thui. END
 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị
@Admin đã viết:Mặc dù trên mạng có nhiều người share skin này ví dụ như:

Code:
cntt-k3.forumvi.com/t10174-share-skin-devs-forumvi-com-full
gamez0ne.5forum.net/t1136-topic
tips.forumvi.com/t109-topic
.....

Dù sao e tách mod của họ thế này a thấy ko nên tý nào. lần sau đừng làm thế nữa nhé Sad

Dù gì cũng là cộng đồng với nhau. hotrofm mới mở cửa ko muốn gây thù bão gì với mọi người cả , chỉ muốn có chỗ cho ae vào chém gió thui. END

Đấy là e share mà Very Happy

@ngao382_cover đã viết:tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng  
thế h k ai share skin thử tách xem s
 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
@lasperpen đã viết:
@Admin đã viết:Mặc dù trên mạng có nhiều người share skin này ví dụ như:

Code:
cntt-k3.forumvi.com/t10174-share-skin-devs-forumvi-com-full
gamez0ne.5forum.net/t1136-topic
tips.forumvi.com/t109-topic
.....

Dù sao e tách mod của họ thế này a thấy ko nên tý nào. lần sau đừng làm thế nữa nhé Sad

Dù gì cũng là cộng đồng với nhau. hotrofm mới mở cửa ko muốn gây thù bão gì với mọi người cả , chỉ muốn có chỗ cho ae vào chém gió thui. END

Đấy là e share mà Very Happy

@ngao382_cover đã viết:tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng  
thế h k ai share skin thử tách xem s  

nói như bạn chẵng khác nào dân ríp thất nghiệp cả còn gì Smile
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị
@ngao382_cover đã viết:
@lasperpen đã viết:
@Admin đã viết:Mặc dù trên mạng có nhiều người share skin này ví dụ như:

Code:
cntt-k3.forumvi.com/t10174-share-skin-devs-forumvi-com-full
gamez0ne.5forum.net/t1136-topic
tips.forumvi.com/t109-topic
.....

Dù sao e tách mod của họ thế này a thấy ko nên tý nào. lần sau đừng làm thế nữa nhé Sad

Dù gì cũng là cộng đồng với nhau. hotrofm mới mở cửa ko muốn gây thù bão gì với mọi người cả , chỉ muốn có chỗ cho ae vào chém gió thui. END

Đấy là e share mà Very Happy

@ngao382_cover đã viết:tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng  
thế h k ai share skin thử tách xem s  

nói như bạn chẵng khác nào dân ríp thất nghiệp cả còn gì Smile
thì skin đó có 1 mình mình rip share thế thôi
 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
oh thế à
 Trả lời bài viết
avatar

roseila23109
11
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Nhu dự đoán là last đã cài vào forum mình ko đẹp như demo , ẻm lỗi như không có css :)

 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
@roseila2310 đã viết:Nhu dự đoán là last đã cài vào forum mình  ko đẹp như demo , ẻm lỗi như không có css :)


Tất nhiên bởi vì devs = version invision
=> last devs = invision , còn như demo là version punbb mà :)
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị
@roseila2310 đã viết:Nhu dự đoán là last đã cài vào forum mình  ko đẹp như demo , ẻm lỗi như không có css :)

Đưa link forum lên ?
 Trả lời bài viết
avatar

roseila23109
11
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xóa rồi bác ơi :) để test thử ngoài forum khác cho bác xem, mà forum ver punbb thì có xài dc ko ạ
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
@roseila2310 đã viết:Xóa rồi bác ơi :) để test thử ngoài forum khác cho bác xem, mà forum ver punbb thì có xài dc ko ạ

Bác à :v , quên ai rồi à Smile Kitkat
 Trả lời bài viết
avatar

huyvip83175
307
62
Punbb
Cẩn thận
Mod phụ hotrofm
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
175
Points :
307
Like :
62
Punbb
Cẩn thận
Mod phụ hotrofm
Lapperpen ơi punbb có cài được last này không
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...