Diễn Đàn Hỗ Trợ FM

Diễn Đàn Hỗ Trợ FM


[Share] Latest topic devs

lasperpen
lasperpen
ADM
Bài viết : 215
Points : 422
Like : 147
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi

[Share] Latest topic devs Empty [Share] Latest topic devs

Bài gửi by lasperpen 05.09.16 23:32

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
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Kiwi 06.09.16 0:10

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
Delsin
MEM
MEM
Bài viết : 1
Points : 1
Like : 0
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Delsin 06.09.16 1:35

thank you :)
Admin
Admin
ACP
ACP
Bài viết : 405
Points : 783
Like : 115
Punbb
Quản trị
Status : test

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Admin 06.09.16 8:22

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
ngao382_cover
MEM LV1
MEM LV1
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by ngao382_cover 06.09.16 9:58

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
lasperpen
ADM
Bài viết : 215
Points : 422
Like : 147
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by lasperpen 06.09.16 11:36

@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
ngao382_cover
MEM LV1
MEM LV1
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by ngao382_cover 06.09.16 11:43

@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
lasperpen
ADM
Bài viết : 215
Points : 422
Like : 147
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by lasperpen 06.09.16 11:45

@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
ngao382_cover
MEM LV1
MEM LV1
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by ngao382_cover 06.09.16 11:57

oh thế à
roseila2310
roseila2310
MEM
MEM
Bài viết : 9
Points : 11
Like : 0
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by roseila2310 09.10.16 15:47

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
Giựt
MOD
Bài viết : 273
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Giựt 09.10.16 15:55

@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
lasperpen
ADM
Bài viết : 215
Points : 422
Like : 147
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by lasperpen 09.10.16 16:01

@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
roseila2310
MEM
MEM
Bài viết : 9
Points : 11
Like : 0
Punbb
An toàn

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by roseila2310 09.10.16 16:15

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
Giựt
MOD
Bài viết : 273
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Giựt 09.10.16 16:19

@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
huyvip83
MEM LV3
MEM LV3
Bài viết : 236
Points : 383
Like : 65
Punbb
Cẩn thận

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by huyvip83 09.10.16 18:30

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

[Share] Latest topic devs Empty Re: [Share] Latest topic devs

Bài gửi by Sponsored content