Thêm icon đẹp cho các menu trên thanh navigation Xenforo

[PVS]

Bài viết hướng dẫn các bạn cách thêm icon đẹp trước các menu trên thanh naviagation Xenforo.
Cách làm:

B1 -> Tìm và thêm vào template PAGE_CONTAINER, trước thẻ </head> đoạn code sau:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

B2-> Tìm và thêm vào template HEADER, đoạn code sau:

<script> $( "<i></i>" ) .before( "<ul></ul>" ) .addClass( "fa fa-home fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".publicTabs .nodetab3 .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-keyboard-o fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".forums .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-folder-open fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".publicTabs .resources .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-group fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".publicTabs .members .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-cogs fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".visitorTabs .navLink .accountUsername" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-comments fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".navTabs .visitorTabs .inbox .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-flag fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".navTabs .alerts .navLink" ); </script> <script> $( "" ) .before( "<ul></ul>" ) .addClass( "fa fa-shopping-cart fa-lg" ) .filter( "" ) .attr( "id", "navigation" ) .end() .prependTo( ".navTabs .micro-cart .navLink" ); </script>

Save and done

Demo:

Nguồn: tailieu24h.net​

 

[minhhungtsbd]

ko có dc ad