[Skin] Dark Switcter (PunBB)

by **Juskteez** 4/2/2013, 11:11 pm

Xem trước

Preview Skin:

Cài đặt

1. Download và giải nén http://www.mediafire.com/?vsk44czbupuyo1a

2. ACP >> Display >> Quản lý giao diện >> Themes management >> Import the skin >> Tìm và chọn file switcter-actual-20130204.bbtheme trong Folder vừa giải nén ra >> Import

3. ACP >> Display >> Templates >> Thay toàn bộ code của các file tương ứng

4. ACP >> Display >> Homepage >> Structure and hierarchy >> Trong phần Split categories on index chọn Medium

5. ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Tạo javascript mới với nội dung ở trong file Scripts.txt

6. Đặt Widget như hình dưới

Lưu ý:

Thiết kế và chia sẻ bởi Juskteez Vũ

Cập nhật Mod ẩn/hiện chuyên mục:

1. Thay toàn bộ index_bõ bằng code dưới

Code:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">  <div class="fozums">  <div class="main-head"> <div class="page-title">{catrow.tablehead.L_FORUM}</div> </div> <div class="main-content po-rel fozums_box"> <span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span> <table cellspacing="0" class="table"> <thead> <tr> <th class="tcl">{L_FORUM}</th> <th class="tc2">{L_TOPICS}</th> <th class="tc3">{L_POSTS}</th> <th class="tcr">{L_LASTPOST}</th> </tr> </thead> <tbody class="statused">   <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};"> <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </span> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> {catrow.forumrow.FORUM_DESC}  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2">{catrow.forumrow.TOPICS}</td> <td class="tc3">{catrow.forumrow.POSTS}</td> <td class="tcr"> <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </td> </tr>   </tbody> </table> </div>  </div>  </div>  <div class="main-box clearfix"> <ul> <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li> <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li> <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li> </ul>  <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p>  </div>

2. ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Tạo javascript mới với nội dung dưới

Code:: // Copyright © 2013 Juskteez Vu $(function(){ // Them dieu khien vao title $(".fozums .page-title").append("<span class='toggle-cats'><i class='toggle_cats'><button class='close-open-st right'>-</button></i><i class='toggle_cats nodis'><button class='close-open-st right'>+</button></i></span>"); $(function(){ $(document).on('click',function(e){ // An hien chuyen muc $(e.target).closest('.fozums,.fozums_box').filter('.fozums').find('.fozums_box:first').slideToggle('slow'); // Thay doi nut Mo/Dong $(e.target).closest('.fozums').filter('.fozums').find('.toggle_cats').toggleClass('nodis'); }); }); });