Similar topics
Latest topics
» Bảng thông báo đẹp cho forumby ThanhCong Fri Dec 12, 2014 10:36 pm
» [Hot] Chữ ký lung linh!...
by pe.keomut_love_who Wed Nov 21, 2012 8:49 pm
» QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
by pe.keomut_love_who Wed Nov 21, 2012 8:47 pm
» CSS thay backgound liên tục
by ThanhCong Thu Jul 26, 2012 10:18 am
» [Chia sẻ] Bảng Thông Báo [Đơn Giản] [Đẹp]
by ThanhCong Wed Feb 01, 2012 9:05 pm
» [Chia sẻ] Thanh load kute
by ThanhCong Wed Feb 01, 2012 8:51 pm
» Nút Move Lên Đầu Trang
by ThanhCong Wed Feb 01, 2012 8:33 pm
» [FMvi.Org] Shop avatar hoạt hình tự cập nhật 100%
by ThanhCong Wed Feb 01, 2012 8:18 pm
» Share cây thư mục, khung login + trang thông báo đăng nhập thành công
by ThanhCong Wed Feb 01, 2012 8:08 pm
» [Chia sẻ] Viewsoure Website Nhanh ^^ Vui Lắm
by ThanhCong Sat Jan 07, 2012 1:26 pm
» [Chia sẻ] Khung đăng nhập+chuyển trang thành công ver 1..."HOT"
by ThanhCong Sat Jan 07, 2012 1:20 pm
» [Chia Sẽ] Code Trò Nhỏ Rất Hay ! HeHe
by ThanhCong Sat Jan 07, 2012 1:18 pm
» [Chia sẻ] Chec lượt truy cập của 4rum trên Alexa
by ThanhCong Sat Jan 07, 2012 1:17 pm
» Chia sẻ] Câu đối trượt chào năm mới
by ThanhCong Sat Jan 07, 2012 1:15 pm
» Share thanh chia sẻ bài viết lên các trang mạng xã hội
by ThanhCong Sat Jan 07, 2012 1:12 pm
Statistics
Diễn Đàn hiện có 115 thành viênChúng ta cùng chào mừng thành viên mới đăng ký: Ren_KXO
Tổng số bài viết đã gửi vào diễn đàn là 670 in 624 subjects
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
Mon Oct 17, 2011 12:39 pm by ThanhCong
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN FORUM Wed 1 Jun 2011 - 20:57 Trả lời với trích dẫn nội dung bài viết này Sửa/Xóa bài viết Xóa bài viết Xem địa chỉ IP của thành viên này
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên https://thanhcong.forumvi.com/forum đồng thời chú ý theo …
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên https://thanhcong.forumvi.com/forum đồng thời chú ý theo …
Comments: 3
Hướng dẫn tạo một thanh menu đơn giản.
Trang 1 trong tổng số 1 trang
Hướng dẫn tạo một thanh menu đơn giản.
Tại sao phải tạo thanh meu ?
Thanh menu đơn giản là thanh menu mặc định đó. Vậy thì cẫn gì phải tạo cái mới làm gì?
Vấn đề là nó không đẹp và việc tùy biến nó rất khó khăn, nhất là không thể gắn thêm lệnh mới theo ý ta vào đó được. Ví dụ bạn có một trang ảnh, một trang nhạc và bạn muốn đặt thêm vào đó một menu để mọi người đễ dàng bấm cho tiện thì không thể thêm được. Thanh menu mặc định chỉ có mấy chữ thế này thôi, còn toàn bộ code là do "ông chủ" của chúng ta nắm giữ nên ta không làm gì được
Nói thì dễ nhưng khi làm thì vướn một chuyện là có một lệnh rất cần thiết trên thanh menu măc định nhưng không đánh cắp được đó là lệnh về tin nhắn. Mãi cho tới nay sau khi có bài này của ligerv thì điều này mới được giải quyết hoàn toàn: .../t16241-topic
Cách tạo thanh menu:
Các lệnh của nó chỉ đơn giản thế này thôi. Nó có hai phần :
- Phần các lệnh : Nằm trong Cặp thẻ <div>...</div>.
Mỗi lênh nằm một cặp thẻ <li>...</li>. Vậy các bạn có thể tự do thêm lệnh mới bằng cách thêm một cặp thẻ <li>...</li>, hay xóa bớt cái nào thấy không cần thiết.
- Phần định dạng: Đây là phần quan trọng nhất để làm đẹp cho thanh menu. Mình đã ghi chú cụ thể ý nghia của từng mục để các bạn sửa theo ý mình.
Đây là code thanh menu cơ bản:
Thanh menu đơn giản là thanh menu mặc định đó. Vậy thì cẫn gì phải tạo cái mới làm gì?
Vấn đề là nó không đẹp và việc tùy biến nó rất khó khăn, nhất là không thể gắn thêm lệnh mới theo ý ta vào đó được. Ví dụ bạn có một trang ảnh, một trang nhạc và bạn muốn đặt thêm vào đó một menu để mọi người đễ dàng bấm cho tiện thì không thể thêm được. Thanh menu mặc định chỉ có mấy chữ thế này thôi, còn toàn bộ code là do "ông chủ" của chúng ta nắm giữ nên ta không làm gì được
- Code:
{GENERATED_NAV_BAR}
Nói thì dễ nhưng khi làm thì vướn một chuyện là có một lệnh rất cần thiết trên thanh menu măc định nhưng không đánh cắp được đó là lệnh về tin nhắn. Mãi cho tới nay sau khi có bài này của ligerv thì điều này mới được giải quyết hoàn toàn: .../t16241-topic
Cách tạo thanh menu:
Các lệnh của nó chỉ đơn giản thế này thôi. Nó có hai phần :
- Phần các lệnh : Nằm trong Cặp thẻ <div>...</div>.
Mỗi lênh nằm một cặp thẻ <li>...</li>. Vậy các bạn có thể tự do thêm lệnh mới bằng cách thêm một cặp thẻ <li>...</li>, hay xóa bớt cái nào thấy không cần thiết.
- Phần định dạng: Đây là phần quan trọng nhất để làm đẹp cho thanh menu. Mình đã ghi chú cụ thể ý nghia của từng mục để các bạn sửa theo ý mình.
Đây là code thanh menu cơ bản:
- Code:
<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>
Similar topics
» [chia sẻ] Menu dọc kiểu đơn giản, rê chuột vào hiện icon
» QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
» [Chia sẻ] Bảng Thông Báo [Đơn Giản] [Đẹp]
» QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
» [Chia sẻ] Bảng Thông Báo [Đơn Giản] [Đẹp]
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
|
|