Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Share] Latest topic devs

Tác giả: - vào lúc:
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
9/5/2016, 23:32
#1

Demo

[Share] Latest topic devs ZZPYIXd


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

[Share] Latest topic devs 7p53uyp


ACP > Modules > Portal & Widgets > Forum widgets management > chọn nút vàng ở recent_topic Activate the topics scrolling : không
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
9/6/2016, 00:10
#2
All ver luôn ngon thế
Delsin
Bài viết : 1
Points : 1
Like : 0
Punbb
An toàn
DelsinMEM
9/6/2016, 01:35
#3
thank you :)
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
9/6/2016, 08:22
#4
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
ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/6/2016, 09:58
#5
tách mod thế kia, người nào chã làm duoc mà tách ra làm gì, để mang tai tiếng [Share] Latest topic devs 1f622
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
9/6/2016, 11:36
#6
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  [Share] Latest topic devs 1f622

thế h k ai share skin thử tách xem s
ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/6/2016, 11:43
#7
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  [Share] Latest topic devs 1f622

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
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
9/6/2016, 11:45
#8
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  [Share] Latest topic devs 1f622

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
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/6/2016, 11:57
#9
oh thế à
roseila2310
Bài viết : 9
Points : 11
Like : 0
Punbb
An toàn
roseila2310MEM
10/9/2016, 15:47
#10
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 :)

[Share] Latest topic devs 3oCeTse
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
10/9/2016, 15:55
#11
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 :)

[Share] Latest topic devs 3oCeTse


Tất nhiên bởi vì devs = version invision
=> last devs = invision , còn như demo là version punbb mà :)
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
10/9/2016, 16:01
#12
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 :)

[Share] Latest topic devs 3oCeTse

Đưa link forum lên ?
roseila2310
Bài viết : 9
Points : 11
Like : 0
Punbb
An toàn
roseila2310MEM
10/9/2016, 16:15
#13
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
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
10/9/2016, 16:19
#14
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
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
10/9/2016, 18:30
#15
Lapperpen ơi punbb có cài được last này không
Sponsored content
#16