Mạng Giải Trí Online

—¤™(¯`†´¯) —»Thành_Công«— (¯`†´¯)™¤—
 
Trang ChínhTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Top posters
ThanhCong
 
s2lovelytt
 
anhtrang01
 
slil
 
pe.keomut_love_who
 
kidlove
 
thanhcong1989
 
190231
 
2012
 
sjfff
 
Similar topics
Latest topics
» Hướng dẫn cách kiểm tra xuất xứ, nơi sản xuất, phân phối iPhone 100%
by ThanhCong Tue Nov 29, 2016 6:37 pm

» Hướng dẫn tạo USB cài đặt Windows không cần phần mềm
by zzcongtuzz19x6 Thu Nov 24, 2016 7:47 am

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:41 pm

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:40 pm

» Bảng thông báo đẹp cho forum
by ThanhCong Fri Dec 12, 2014 10:36 pm

» Làm ảnh động GIF đơn giản bằng Photoshop và Giffing Tool
by ThanhCong Fri Dec 12, 2014 10:02 pm

» Hướng dẫn lắp Diode LED
by ThanhCong Thu Dec 04, 2014 9:48 pm

» Cách đọc trị số của điện trở
by ThanhCong Thu Dec 04, 2014 9:32 pm

» Bài 2 - Hướng dẫn sử dụng đồng hồ đo các loại.
by ThanhCong Wed Oct 22, 2014 9:12 pm

» Bài 1 - Kiến thức căn bản
by ThanhCong Wed Oct 22, 2014 9:06 pm

» Tìm Driver máy tính đơn giản, mọi người đều có thể làm
by ThanhCong Sun Apr 20, 2014 10:28 pm

» Thăng Long - Hà Nội nghìn năm văn hiến
by ThanhCong Sun Mar 02, 2014 6:17 pm

» Thế nào là Nhôm ?
by ThanhCong Sun Dec 29, 2013 10:25 am

» Câu chuyện về cuộc sống ( triết lý cuộc đời )
by ThanhCong Sun Nov 10, 2013 9:06 pm

» Thanh Dock đẹp cho win 7 Xp tổng hợp
by ThanhCong Sun Nov 03, 2013 5:27 pm

Poll
Statistics
Diễn Đàn hiện có 115 thành viên
Chú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à 661 in 615 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 http://thanhcong.forumvi.com/forum đồng thời chú ý theo …

Comments: 3


Share |

Hướng dẫn tạo một thanh menu đơn giản.

Tác giả Thông điệp
ThanhCong

Chủ diễn đàn



avatar


Tổng số bài gửi : 1072
Tài sản Tài sản : 3197
NGAY SINH NGAY SINH : 14/01/1996
NGAY THAM GIA : 28/08/2011
TUOI : 22
Đến từ Đến từ : Hà nội

Bài gửiTiêu đề: Hướng dẫn tạo một thanh menu đơn giản. Wed Dec 07, 2011 8:42 pm

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
Code:

{GENERATED_NAV_BAR}
uy nhiên ta có thể đánh cắp các lệnh trong đó rồi xóa nó đi và lập một thanh menu mới. Như vậy thanh menu mới là của ta, code là do ta nắm giữ, ngoài các lệnh đã lấy trên thanh menu mặc định, ta hoàn toàn tự do thêm bớt hay tùy biến kiểu gì cũng đượ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:
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://illiweb.com/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>
ác bạn bổ sung thêm lệnh, làm đẹp theo ý thích rồi vào header thay cho {GENERATED_NAV_BAR} là xong


Chữ ký của ThanhCong



Về Đầu Trang Go down
Xem lý lịch thành viên http://thanhcong.forumvi.com

Hướng dẫn tạo một thanh menu đơn giản.

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

-
» Quy chế (bản dự thảo)
» Tiếp tục làm rõ các sai phạm của Vinashin
» Tỷ lệ vàng
» Cái Mép - Thị Vải: Đầu mối trung chuyển hàng hóa của khu vực?
» Đổ 100.000 tỉ vào Vinalines
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài

Permissions in this forum: Bạn không có quyền trả lời bài viết
Mạng Giải Trí Online :: Hướng dẫn tạo Forum -
Chuyển đến: