Share Code thanh footbar giống Muagi.vn - Đã test thành công

[HotFire]

Không cần giới thiệu nhiều về Muagi.vn thì các bạn cũng biết skin+mod trang này rất pro đúng không ? Nhìn vào giao diện thì mình thích nhất là thanh công cụ chức năng bên dưới diễn đàn, rất gọn và thuận tiện. Sau một hồi ngâm cứu mình đã rút lại một vài chức năng lại. Các admin vietvbb đã xây dựng Muagi.vn xin cho phé[ mình được share code thanh công cụ với các bạn nhé !

demo : http://www.muagi.vn

Bước 1: Upload file cssmenu.css vào thư mục clientscript của diễn đàn.
Sau đó vào Template headinclude chèn vào cuối cùng :

<link href="clientscript/cssmenu.css" rel="stylesheet" type="text/css">

Bước 2: Có 2 cách để chèn code thanh công cụ vào diễn đàn[/B]:

Cách 1: Copy hết đoạn code bên dưới rồi chèn vào cuối cùng Template Footer. Nhược điểm là code quá dài nên dễ rối khi xem trong template.
Nhớ thay lại www.mynghetaynguyen.com thành link diễn đàn của bạn.

<!-- Foot bar www.mynghetaynguyen.com--> <ul class="istylem0" id="cssMenu"> <li class="istylei0"> <a href="http://www.kenhvnn.co.cc/raovat/" class="istylei0">Trang chủ</a> </li> <li class="istylei0"> <a onclick="return false;" href="http://www.mynghetaynguyen.com/" class="istylei0"><span>Danh mục sản phẩm</span><!--[if gt IE 6]--></a> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://www.mynghetaynguyen.com/index.php/vmchk/dong-ho-go/view-all-products.html/"><span>Đồng Hồ Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/index.php/dong-mo-neo/view-all-products.html/">Đồng Hồ Mỏ Neo</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/dong-ho-ngoi-nha/view-all-products.html/">Đồng Hồ Ngôi Nhà</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/mp3-players/view-all-products.html/">Đồng Hồ Để Bàn</a> </li> <li> <a href="http://www.mynghetaynguyen.com/">Đồng Hồ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go/view-all-products.html/"><span>Tượng Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-thuy-tung/view-all-products.html/">Tượng Gỗ Thủy Tùng</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-cam-thi/view-all-products.html/">Tượng Gỗ Cẩm Thị</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-cam-lai/view-all-products.html/">Tượng Gỗ Cẩm Lai</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-huong/view-all-products.html/">Tượng Gỗ Hương</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-ca-te/view-all-products.html/">Tượng Gỗ Cà Te</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-nu/view-all-products.html/">Tượng Gỗ Nu</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tuong-go-khác/view-all-products.html/">Tượng Gỗ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go/view-all-products.html/"><span>Bàn Ghế Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go-huong/view-all-products.html/">Bàn Ghế Gỗ Hương</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go-ca-te/view-all-products.html/">Bàn Ghế Gỗ Cà Te</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go-cam-lai/view-all-products.html/">Bàn Ghế Gỗ Cẩm Lai</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go-cam-thi/view-all-products.html/">Bàn Ghế Gỗ Cẩm Thị</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/ban-ghe-go-thuy-tung/view-all-products.html/">Bàn Ghế Gỗ Thủy Tùng</a> </li> <li> <a href="http://www.mynghetaynguyen.com/">Bàn Ghế Gỗ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/luc-binh-go/view-all-products.html/"><span>Lục Bình Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/index.php/luc-binh-go-thuy-tung/view-all-products.html/">Lục Bình Gỗ Thủy Tùng</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/luc-binh-go-cam-thi/view-all-products.html/">Lục Bình Gỗ Cẩm Thị</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/speaker-systems/view-all-products.html/">Lục Bình Gỗ Cẩm Lai</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/luc-binh-go-huong/view-all-products.html/">Lục Bình Gỗ Hương</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/luc-binh-go-ca-te/view-all-products.html/">Lục Bình Gỗ Cà Te</a> </li> <li> <a href="http://mynghetaynguyen.com/index.php/pocket-video-cams/view-all-products.html/">Lục Bình Gỗ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/tranh-go/view-all-products.html/"><span>Tranh Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/">Tranh Gỗ Hương</a> </li> <li> <a href="http://mynghetaynguyen.com/">Tranh Gỗ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/dien-thoai-go/view-all-products.html/"><span>Điện Thoại Gỗ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/">Điện Thoại 1280</a> </li> <li> <a href="http://mynghetaynguyen.com/">Điện Thoại Gỗ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/dong-ho-go-gia-re/view-all-products.html/"><span>Đồng Hồ Gía Rẻ</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/">Đồng Hồ Gỗ Hương Gía Rẻ</a> </li> <li> <a href="http://mynghetaynguyen.com/">Các Loại Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/index.php/hang-vip-hang-doc/view-all-products.html/"><span>Hàng Vip Hàng Độc</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/">Đồng Hồ Cổ</a> </li> <li> <a href="http://mynghetaynguyen.com/">Điện Thoại Cổ</a> </li> <li> <a href="http://mynghetaynguyen.com/">Xe Cổ</a> </li> <li> <a href="http://mynghetaynguyen.com/">Đồ Cổ Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li> <a href="http://mynghetaynguyen.com/"><span>Các Loại Khác</span></a> <!--[if gt IE 6]--> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/">Các Loại Khác</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li class="istylei0"> <a href="http://www.mynghetaynguyen.com/raovat/search.php?do=getnew&amp;contenttype=vBForum_Post" rel="nofollow">Bài viết mới</a> </li> <li class="istylei0"> <a rel="nofollow" href="http://mynghetaynguyen.com/raovat/private.php">Gởi tin nhắn riêng</a> </li> <li class="istylei0"> <a href="http://mynghetaynguyen.com/raovat/calendar.php">Lịch</a> </li> <li class="istylei0"> <a onclick="return false;" href="http://mynghetaynguyen.com/"><span>Cộnng đồng</span><!--[if gt IE 6]--></a> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/raovat/group.php">Nhóm thành viên</a> </li> <li> <a href="http://mynghetaynguyen.com/raovat/album.php">Album của tôi</a> </li> <li> <a href="http://mynghetaynguyen.com/raovat/profile.php?do=buddylist" rel="nofollow">Bạn bè &amp; Danh sách liên hệ</a> </li> <li> <a href="http://mynghetaynguyen.com/raovat/memberslist.php">Danh sách Thành viên</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li class="istylei0"> <a onclick="return false;" href="http://mynghetaynguyen.com/"><span>Forum Actions</span><!--[if gt IE 6]--></a> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a href="http://mynghetaynguyen.com/raovat/profile.php?do=editoptions" rel="nofollow">Sửa trang cá nhân</a> </li> <li> <a href="http://mynghetaynguyen.com/raovat/profile.php?do=editprofile" rel="nofollow">Sửa Thông tin cá nhân</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li class="istylei0"> <a onclick="return false;" href="http://mynghetaynguyen.com/"><span>Liên kết Nhanh</span><!--[if gt IE 6]--></a> <!--[endif]--> <!--[if lte IE 6]> <table> <tr> <td> <![endif]--> <ul> <li> <a rel="nofollow" href="http://mynghetaynguyen.com/raovat/subscription.php">Chủ đề dã theo dõi</a> </li> <li> <a rel="nofollow" href="http://mynghetaynguyen.com/raovat/showgroups.php"> Danh sách Ban Quản Trị </a> </li> <li> <a href="http://mynghetaynguyen.com/raovat/online.php">Ðang trực tuyến</a> </li> </ul> <!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--> </li> <li class="istylei0"> <a href="http://mynghetaynguyen.com/raovat/usercp.php">Thiết lập Cá Nhân</a> </li> </ul> <!-- /Foot bar www.mynghetaynguyen.com-->

Cách 2: Tạo một biến Template thay thế cho tất cả các code trên.

- Vào ACP>Styles & Templates>Replacement Variable Manager>[Add New Replacement Variable]
Style: Default Style
Search for Text (Case-Insensitive) : {footbarcssmenu}
Replace with Text : Copy toàn bộ code bên trên dán vào
[/HTML]

Cách 2: Tạo một biến Template thay thế cho tất cả các code trên.

- Vào ACP>Styles & Templates>Replacement Variable Manager>[Add New Replacement Variable]
Style: Default Style
Search for Text (Case-Insensitive) : {footbarcssmenu}
Replace with Text : Copy toàn bộ code bên trên dán vào.

Xong rồi thì bấm lưu lại. Kế tiếp vào Template Footer, chèn vào cuối cùng

{footbarcssmenu}

http://adf.ly/83xDl

Vậy là xong. Còn Danh mục sản phẩm mình giữ nguyên của muagi.vn, các bạn edit lại hoặc xóa đi cũng được.
Chúc mọi người vui vẻ, thành công
Đã test thành công tại đây : http://mynghetaynguyen.com/raovat/sh...-giong-muagivn