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:
B2-> Tìm và thêm vào template HEADER, đoạn code sau:
Save and done
Demo:
Cách làm:
B1 -> Tìm và thêm vào template PAGE_CONTAINER, trước thẻ </head> đoạn code sau:
Mã:
<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:
Mã:
<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
Bài viết liên quan
Bài viết mới