Thêm widget quick-nav cho sidebar của bạn

[PVS]

Thêm widget quick-nav cho sidebar của bạn

Thêm widget quick-nav ở sidebar diễn đàn của bạn. Nó chứa các liên kết đến các tính năng phổ biến nhất diễn đàn. Một số liên kết được thực hiện mở rộng/có thể xếp qua jquery.

​

Nếu bạn bấm vào liên kết "Topics of the last...", một danh sách các liên kết "x ngày" sẽ xuất hiện. Cùng đi với liên kết "Watched Threads". Nếu bạn nhấp vào nó, các liên kết đến "chưa xem" và "tất cả" sẽ xuất hiện.

Cách làm:

1. Cài đặt Widget Framework
2. Thêm widget mới (/admin.php?widgets/add)
3. Chọn các cài đặt sau:
   • Renderer: [Advanced] Html (WithoutWrapper)
   • Expression: $visitor['user_id'] != 0
   • Position: hook:ad_sidebar_below_visitor_panel
4. Nhập code sau (sửa đổi để phù hợp với nhu cầu của các nhãn hiệu của bạn):
   

   <div class="section widget-group-no-name widget-container widget-container-custom">
   <div class="secondaryContent widget WidgetFramework_WidgetRenderer_OnlineUsers" id="widget-999"><div id="tglblock_WidgetFramework_WidgetKesselNews" class="tglSidebar active"></div>
   <h3>MyForum-News</h3>
   <ul>
   <li><a href="/find-new/posts">New topics</a></li>
   <li><a href="/watched/threads" id="toggleWatchedTopics">Watched Threads
   <ul id="watchedTopics"><li><a href="/watched/threads">Unread</a></li>
   <li><a href="/watched/threads/all">All</a></li>
   </ul></li></ul>
   <li><a href="/account/news-feed">What are my friends doing?</a></li>
   <li><a href="/recent-activity/">What is happening right now?</a></li>
   <li><a href="/t/history/">History</a></li>
   <li><a href="/find-new/threads?days=1" id="toggleLastLinks">Topics of the las ...</a>
   <ul id="lastLinks"><li><a href="/find-new/threads?days=1">24 hours</a></li>
   <li><a href="/find-new/threads?days=2">2 day</a></li>
   <li><a href="/find-new/threads?days=3">3 days</a></li>
   <li><a href="/find-new/threads?days=4">4 days</a></li>
   <li><a href="/find-new/threads?days=5">5 days</a></li>
   <li><a href="/find-new/threads?days=6">6 days</a></li>
   <li><a href="/find-new/threads?days=7">7 days</a></li>
   <li><a href="/find-new/threads?days=14">14 days</a></li>
   <li><a href="/find-new/threads?days=21">21 days</a></li>
   </ul></li></ul>
   </div></div>
   <script src="/js/custom.js" type="text/javascript"></script>

5. Tạo file "custom.js" với nội dung sau đây:
   

   $(document).ready( function() {
       $('#lastLinks').toggle();
       $('#toggleLastLinks').click( function(e) {
           e.preventDefault();
           $('#lastLinks').toggle();
       });
   
       $('#watchedTopics').toggle();
       $('#toggleWatchedTopics').click( function(e) {
           e.preventDefault();
           $('#watchedTopics').toggle();
       });
   });

6. Cuối cùng upload file vừa tạo lên host theo đường dẫn: "/js/custom.js"

Chúc các bạn thành công.

Nguồn: xenforo.com​