| Tiêu đề: Tạo menu đẹp cho forumotion Sat Oct 15, 2011 8:59 pm |
| | | | | bạn nào muốn làm menu Forum như clan-family thì: làm như sau: bạn vào display -> quản lý tổng thể -> chọn overroll header ->nhấn ctr+f tìm {GENERATED_NAV_BAR} sau đó xóa nó đi.chèn đoạn code sau vào chỗ đó nhé: - Code:
-
<!--bắt đầu munu clan-family.forumvi.com--> <style type="text/css"> #mainnav { background: #FF0033; /* Màu nền */ height: 24px; line-height: 24px; width: 100%; /* chiều rộng của thanh menu margin: 0 auto 24px auto; /* Căn giữa màn hình */ border-top : 1px solid #008000; /* Đường viền trên */ border-right : 1px solid #0080C0; /* Đường viền phảo */ border-bottom : 2px solid #0080C0; /* Đường viền dưới */ border-left : 2px solid #008000; /* Đường viền trái*/ text-align: left; /* Fix cho IE */ -moz-border-radius: 6px; /* Bo tròn 2 đầu */ } #mainnav ul { margin: 0; padding: 0; list-style: none; }
#mainnav ul li { margin: 0; padding: 0; display: inline; /* Các phần tử li sẽ ở trên một dòng*/ }
#mainnav li a { color: #ffffff; /* màu chữ */ font-family: Tahoma, Times New Roman; font-size:13px; font-weight: bold; padding: 0 10px; /* Khoảng cách 2 bên của mỗi menu */ border-right: 1px solid #FFFF00; /* Đường ngăn giữa các menu */ text-decoration: none; /* Bỏ gạch chân */ }
#mainnav li a:hover, #mainnav li a:active, #mainnav li a:focus { color: #FF0000; /* Màu chữ khi rê chuột vào */ background-color:#FFFFD9; /* Màu nền khi rê chuột vào */ } </style>
<script type="text/javascript"> $(document).ready(function(){$.ajax({ url: '/privmsg?folder=inbox', success: function(ajax) { count = $('img[src="http://2img.net/i/fa/subsilver/folder_new.gif"]', ajax).length; if (count < 1) { $('a.mailbox').html('Tin nhắn'); } else { $('a.mailbox').html('Có <strong> <blink>'+count+'</blink></strong> thư mới '); }} }); }); </script>
<div id="mainnav"> <ul> <li><a href="/portal" title="portal">Trang chủ</a></li> <li><a href="/forum" title="Forum">Diễn đàn</a></li> <li><a href="/search" title="Tìm kiếm">Tìm kiếm</a></li> <li><a href="/faq" title="Trợ giupa">Trợ giúp</a></li> <li><!-- BEGIN switch_user_logged_in --><a href="/profile?mode=editprofile" title="Lý lịch">Lý lịch</a><!-- END switch_user_logged_in --></li> <li><!-- BEGIN switch_user_logged_in --><a href="/memberlist" title="Thành viên">Thành viên</a><!-- END switch_user_logged_in --></li> <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink>Đăng ký</blink></a><!-- END switch_user_logged_out --></li> <li><!-- BEGIN switch_user_logged_out --><a href="/login">Đăng nhập</a><!-- END switch_user_logged_out --></li> <li><!-- BEGIN switch_user_logged_in --><a href="#" title="Tin nhắn">Tin nhắn</a><!-- END switch_user_logged_in --></li> <li><!-- BEGIN switch_user_logged_in --><a href="/login?logout=1" title="Thoát">Thoát</a><!-- END switch_user_logged_in --></li> </ul> </div> <!--kết thúc menu-->
@:menu mới màu vàng đẹp: các bạn làm tươnng tự nhứ trên và chèn code sau vào: - Code:
-
<style type="text/css"> #mainnav { background-image: url(http://i810.photobucket.com/albums/zz28/c3zteam/CP/bg5.gif); height: 24px; line-height: 24px; width: 100%; /* chiều rộng của thanh menu margin: 10 auto 24px auto; /* Căn giữa màn hình */ text-align: left; /* Fix cho IE */
} #mainnav ul { margin: 0; padding: 0; list-style: none; }
#mainnav ul li { margin: 0; padding: 0; display: inline; /* Các phần tử li sẽ ở trên một dòng*/ }
#mainnav li a { color: #ffffff; /* màu chữ */ font-family: Tahoma, Times New Roman; font-size:12px; font-weight: bold; padding: 0 14px; /* Khoảng cách 2 bên của mỗi menu */ text-decoration: none; /* Bỏ gạch chân */ }
#mainnav li a:hover, #mainnav li a:active, #mainnav li a:focus { color: #FF0000; /* Màu chữ khi rê chuột vào */ background-color:#FFFFD9; /* Màu nền khi rê chuột vào */ } </style>
<script type="text/javascript"> $(document).ready(function(){$.ajax({ url: '/privmsg?folder=inbox', success: function(ajax) { count = $('img[src="http://2img.net/i/fa/subsilver/folder_new.gif"]', ajax).length; if (count < 1) { $('a.mailbox').html('Tin nhắn'); } else { $('a.mailbox').html('Có <strong> <blink>'+count+'</blink></strong> thư mới '); }} }); }); </script>
<div id="mainnav"> <ul> <li><a href="/portal" title="portal">Trang chủ</a></li> <li><a href="/forum" title="Forum">Diễn đàn</a></li> <li><a href="/calendar" title="Calendar">Lịch</a></li> <li><a href="/search" title="Tìm kiếm">Tìm kiếm</a></li> <li><a href="/faq" title="Trợ giupa">Trợ giúp</a></li> <li><a href="/profile?mode=editprofile" title="Lý lịch">Lý lịch</a></li> <li><a href="/memberlist" title="Thành viên">Thành viên</a></li> <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink>Đăng ký</blink></a><!-- END switch_user_logged_out --></li> <li><!-- BEGIN switch_user_logged_out --><a href="/login">Đăng nhập</a><!-- END switch_user_logged_out --></li> <li><!-- BEGIN switch_user_logged_in --><a href="/privmsg?folder=inbox" class="mailbox">Hộp thư</a><!-- END switch_user_logged_in --></li> <li><!-- BEGIN switch_user_logged_in --><a href="/login?logout=1" title="Thoát">Thoát</a><!-- END switch_user_logged_in --></li> </ul> </div> Hay thì nhấn thanks nhé? | | | | |
| | | Tiêuđề | Tạo menu đẹp cho forumotion | |
|
Trang 1 trong tổng số 1 trang | | ::. | Permissions in this forum: | Bạn không có quyền trả lời bài viết
| |
| |
|