Thanh điều hướng - menu đẹp cho xenforo

Rảnh rỗi ngồi rip lại thanh điều hướng khá là đẹp và share cho mọi người
Demo online : http://8-9x.com/


Có file psd cho mọi người có thể chỉnh sửa icon

Hướng dẫn :

1. Vào Apperance -> Template -> Create New Template -> Tạo 1 template dieuhuong có nội dung :
   
   Mã:

   <div class="nav-lamdieu"> <ul> <li class="first">
   <a rel="nofollow" href="http://8-9x.com/forum/tin-tuc-moi-nhat "> <i class="icon-tintuc"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/Girls-xinh-8-9x-Girls/"> <i class="icon-girlxinh"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/vui-cuoi.13/"> <i class="icon-vuicuoi"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/lam-quen-ket-ban/"> <i class="icon-lamquen"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/thu-thuat-may-tinh.55/"> <i class="icon-thuthuat"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/iphone.21/"> <i class="icon-iphone"></i> </a> </li> <li>
   <a rel="nofollow" href="http://8-9x.com/forum/tro-choi-choi-tro.10/"> <i class="icon-trochoi"></i> </a> </li> <li>
   </ul> </div>

2. Vào Extra.css chèn đoạn code vào cuối :
   
   Mã:

    /**nav-lamdieu**/
   .nav-lamdieu {
       background:#5cb4ff;
       height:20px;
       margin:40px 0px 35px 0px;
       clear:both;
       width: 767px;
   }
   .nav-lamdieu ul li {
       float:left;
       margin: -30px 0 0 21px;
   }
   .nav-lamdieu ul li a,
   .nav-lamdieu i {
       float:left;
       height:82px;
       width:82px;
       background:url('/styles/icons-menu.png') left top no-repeat;
   }
   .nav-lamdieu ul li a:hover,
   .nav-lamdieu ul li.active a {background-position:-410px -82px;}
   .nav-lamdieu i.icon-tintuc {background-position:-82px top;}
   .nav-lamdieu i.icon-girlxinh {background-position:-164px top;}
   .nav-lamdieu i.icon-vuicuoi {background-position:-246px top;}
   .nav-lamdieu i.icon-lamquen {background-position:-328px top;}
   .nav-lamdieu i.icon-thuthuat {background-position:-410px top;}
   .nav-lamdieu i.icon-nuochoa {background-position:-492px top;}
   
   .nav-lamdieu i.icon-iphone {background-position:left -82px;}
   .nav-lamdieu i.icon-trochoi {background-position:-82px -82px;}
   

3. Vào PAGE_CONTAINER -> tìm
   
   Mã:

   <xen:include template="ad_above_top_breadcrumb" />
                           <xen:hook name="page_container_breadcrumb_top">
                           <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
                               <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                               <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
                           </div>
                           </xen:hook>

   Thêm vào sau đó đoạn code sau :
   
   Mã:

   <xen:include template="dieuhuong" />

4. Download file đính kèm : Link download up lên ngang hang root.

Hoàn thành

 

Link die

 

Download k die nhé. Đang nhập mới down được.

 

Bạn đính kèm lên forum luôn, việc gì phải dẫn link qua đấy

 

Nói thật là mình kiếm tí user
Có ủng hộ thì mình mới thấy sự đóng góp của mình k vô ích

 

kiesm user ảo làm gì,họ vào đăng kí nhưng k hoạt động thì cũng như k

 

trang 8-9x.com chết rồi thì làm sao mà download được, mong bác xem lại