[Fmvi-Group] Hướng dẫn thêm tooltip đầy đủ thông tin về topic cho thống kê bài viết mới

[Zero]

Ghi chú: Thay vì sử dụng [You must be registered and logged in to see this link.] mới có tooltip đầy đủ thông tin. Bài này mình chỉ các bạn cài đặt tooltip đầy đủ thông tin vào trong bất cứ thống kê bài viết nào bạn muốn . Mình chỉ hướng dẫn 2 loại tooltip thông dụng hiện nay là tooltip mặc định của fm và dhtml tooltip.


Hướng dẫn: Đọc kĩ và backup mod_recent_topics
Display Templates Portal mod_recent_topics (Không đụng bất cứ cái gì ở giữa <!-- BEGIN scrolling_row --> và <!-- END scrolling_row -->)

1. Cho tất cả nội dung giữa <!-- BEGIN recent_topic_row --> và <!-- END recent_topic_row --> bằng
   

   Code:

   <div class="newltopic">[nội dung ở giữa 2 cái trên]</div>

2. Tìm (Cái này dựa trên tiêu đề mặc định, ai mà cài tooltip vào tiêu đề thì nó sẽ khác)
   

   Code:

   <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>

   Thay bằng
   

   Tooltip mặc định của fm:

   Dhtml tooltip:

3. Tìm tiếp
   

   Code:

   {classical_row.recent_topic_row.switch_poster.S_POSTER}

   Thay bằng
   

   Code:

   <span class="lpostertopic">{classical_row.recent_topic_row.switch_poster.S_POSTER}</span>

4. Tìm tiếp
   

   Code:

   {classical_row.recent_topic_row.S_POSTTIME}

   Thay bằng (Bỏ style="display:none" nếu không muốn ẩn thời gian)
   

   Code:

   <span class="ltimetopic" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span>

5. Bỏ code này ở dưới cuối
   

   Code:

   
<script type="text/javascript">
    $(function() {$(".newltopic").each(function(a) {$(this);$(this).attr("id", "newlast" + a);a = $(this).attr("id");$(this).find(".ltitletopic").next().attr("alt", a);$(this).find(".ltitletopic").attr("alt", a);$(this).find(".lpostertopic").attr("alt", a);$(this).find(".ltimetopic").attr("alt", a);var b = $(this).find(".ltitletopic[alt='" + a + "']").text(),tieude = $(this).find(".ltitletopic[alt='" + a + "']").text(),d = $(this).find(".ltimetopic[alt='" + a + "']").text(),thoigian = $(this).find(".ltimetopic[alt='" + a + "']").text(),e = b.replace(/ /gi, "+"),f = $(this).find(".ltitletopic[alt='" + a + "']").next();f.load("/search?mode=searchbox&search_keywords=" + e + '&show_results=topics tr.layemno:contains("' + b + '"):contains("' + d + '")', function() {var d = $(this).find("#tacgiamt a[href^='/u']").text(),e = $(this).find(".row3:first").text(),f = $(this).find(".row2:first").text(),g = $(this).find(".row2:last").text(),j = $(".lpostertopic[alt='" + a + "']").text();$(this).html('<b><span class="tipfont">Title:</span> ' + tieude + '</b><hr><span class="tipfont">Author:</span> ' + d + '<br><span class="tipfont">Last poster:</span> ' + j + '<br><span class="tipfont">Last post time:</span> ' + thoigian + '<hr><span class="tipfont">Category:</span> ' + e + '<br><span class="tipfont">Views:</span> ' + g + '<br><span class="tipfont">Replies:</span> ' + f + "<br>");})})});
    </script>

Tooltip mặc định của fm là tooltip có sẵn trong những last topics của thuan007 ( đã hướng dẫn trong bài viết), dhtml tooltip là tooltip chinhphuc đang sử đụng

Hướng dẫn cài đặt tooltip (Lưu ý: Những ai đang xài last topics của thuan007 và c3zone thì khỏi cần cài

1. Display Template overall_footer Cho code này vào cuối
   

   Tooltip mặc định của fm:

   Dhtml tooltip:

2. Display Color CSS
   

   Tooltip mặc định của fm:

   Dhtml tooltip:

[Sấm]

A thử rồi mà lỗi nhể

[kailord]

ok .. mà còn chút ít lỗi nhỏ

[Chiaki]

vote + ... cơ mà ko xài

[Zero]

A thử rồi mà lỗi nhể

lỗi thế nào

[sky123]

Lạc đề - Đã xóa

[Trọng Tuấn]

Lỗi thiếu chuyên mục + author + views + replies

[Lowie]

Ghi chú: Thay vì sử dụng [You must be registered and logged in to see this link.] mới có tooltip đầy đủ thông tin. Bài này mình chỉ các bạn cài đặt tooltip đầy đủ thông tin vào trong bất cứ thống kê bài viết nào bạn muốn . Mình chỉ hướng dẫn 2 loại tooltip thông dụng hiện nay là tooltip mặc định của fm và dhtml tooltip.


Hướng dẫn: Đọc kĩ và backup mod_recent_topics
Display Templates Portal mod_recent_topics (Không đụng bất cứ cái gì ở giữa <!-- BEGIN scrolling_row --> và <!-- END scrolling_row -->)
[list=1][*] Cho tất cả nội dung giữa <!-- BEGIN recent_topic_row --> và <!-- END recent_topic_row --> bằng

Code:

<div class="newltopic">[nội dung ở giữa 2 cái trên]</div>

[*] Tìm (Cái này dựa trên tiêu đề mặc định, ai mà cài tooltip vào tiêu đề thì nó sẽ khác)

Có thể cho mình xin mấy code hiện đầy đủ thông tin trong [nội dung ở giữa 2 cái trên] bài viết như ở topic này [You must be registered and logged in to see this link.]

[Minion]

toẹt vời

[Draudrey]

Quả là hàng Vip, dìm hàng  

[Minion]

k dùng được nữa nhỉ

[Zero]

mod đóng topic giùm vì hết dùng được

[Sponsored content]