[Share] Latest topic devs

    Chuyển đến trang : 1, 2  Next

  • lasperpen
    1. [Share] Latest topic devs
    avatar ADM

    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

  • Móm Đặc Biệt
    2. Re: [Share] Latest topic devs
    avatar S-MOD
    All ver luôn ngon thế


    --Chữ ký--
    Laughing Diễn đàn Rao vặt, anh em rãnh ghé thăm nhé Laughing


    Very Happy Địa chỉ: http://vnraovat.forumvi.com/ Very Happy
  • Delsin
    3. Re: [Share] Latest topic devs
    avatar MEM
    thank you :)

  • Admin
    4. Re: [Share] Latest topic devs
    avatar ACP
    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


    --Chữ ký--
    www.danganhviet.com


    • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
      - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
      - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
      - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
  • ngao382_cover
    5. Re: [Share] Latest topic devs
    avatar MEM LV1
    tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng

  • lasperpen
    6. Re: [Share] Latest topic devs
    avatar ADM
    @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

  • ngao382_cover
    7. Re: [Share] Latest topic devs
    avatar MEM LV1
    @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

  • lasperpen
    8. Re: [Share] Latest topic devs
    avatar ADM
    @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

  • ngao382_cover
    9. Re: [Share] Latest topic devs
    avatar MEM LV1
    oh thế à

  • roseila2310
    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 :)

  • Giựt
    11. Re: [Share] Latest topic devs
    avatar MOD
    @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à :)

  • lasperpen
    12. Re: [Share] Latest topic devs
    avatar ADM
    @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 ?

  • roseila2310
    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 ạ

  • Giựt
    14. Re: [Share] Latest topic devs
    avatar MOD
    @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

  • huyvip83
    15. Re: [Share] Latest topic devs
    avatar MEM LV3
    Lapperpen ơi punbb có cài được last này không


    --Chữ ký--
    Thà làm thằng member thường, còn hơn làm thằng Mod bất đắc dĩ

    Ghé thăm forum chơi nào bạn: http://thainguyennews.forumvi.com
  • Sponsored content

Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM
Bài viết :
1
Points :
1
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
354
Points :
691
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM LV1
Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV1
Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV1
Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
194
Points :
394
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
226
Points :
371
Like :
65
Punbb
Cẩn thận
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

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

<