đã xóa

đã xóa
 
Trang ChínhTrang Chính  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  

Share | 
 

 Thanh menu ngang 2 cấp

Go down 
Tác giảThông điệp
onemix
Admin
Admin
avatar

Taurus Posts Posts : 168
Beri Beri : 14257
Birthday 19/05/1990
Tuổi Tuổi : 28
Đến từ Đến từ : Đaỏ hải tặc
Giới tính : Nam
PET
=>:

Bài gửiTiêu đề: Thanh menu ngang 2 cấp    Tue Jun 07, 2011 2:36 pm

Nguồn:chinhphuc.info
trekhuyettat.org
Code:

<style type="text/css">
ul#topnav {
 margin: 0; padding: 0;
 float: left;
 width: 100%;
 list-style: none;
 position: relative; /*--thiết lập vị trí của ul chưa menu--*/
 font-family: Tahoma;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: Bold;
 background-color: #1376C9;

}
ul#topnav li {
 float: left;
 margin: 0; padding: 0;
 border-right: 0px solid #555; /*-- các menu li --*/
}
ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
 color: #00FF00;  /* Màu chữ khi rê chuột vào */
background-color:#00A5F4; /* Màu nền khi rê chuột vào */
}

ul#topnav li:hover {background: #00A5F4; url(topnav_active.gif) repeat-x; }

ul#topnav li span {
 float: left;
 padding: 6px 0;
 position: absolute;
 left: 0; top:26px;
 display: none; /*-- mặc định menu cấp 2 là ẩn --*/
 width: 100%;
 background: #00A5F4;
 color: #ffffff;
 /*--Bottom right rounded corner--*/
 -moz-border-radius-bottomright: 7px;
 -khtml-border-radius-bottomright: 7px;
 -webkit-border-bottom-right-radius:7px;
 /*--Bottom left rounded corner--*/
 -moz-border-radius-bottomleft: 7px;
 -khtml-border-radius-bottomleft: 7px;
 -webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {text-decoration: none; background: #1CE321; color:#FF0000;}
</style>


<ul id="topnav">
        <li>
        <a href="#">Menu 1</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#"> Menu 1-1</a> |
            <a href="#"> Menu 1-2</a> |
            <a href="#">Menu 1-3</a>
        </span>
        <!--Subnav Ends Here-->
    </li>
    <li>
        <a href="#">Menu 2</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#"> Menu 2-1</a> |
            <a href="#"> Menu 2-2</a> |
            <a href="#"> Menu 2-3</a> |
            <a href="#"> Menu 2-4</a>|
            <a href="#"> Menu 2-5</a>|
            <a href="#">Menu 2-6</a>|

        </span>
        <!--Subnav Ends Here-->
    </li>

    <li>
        <a href="#">Menu 3</a>
        <!--Subnav Starts Here-->
        <span>
            <a href="#">Menu 3-1</a> |
            <a href="#"> Menu 3-2</a> |
            <a href="#"> Menu 3-3</a>|
            <a href="#">Menu 3-4</a>|
            <a href="#"> Menu 3-5</a>|
        </span>
        <!--Subnav Ends Here-->
    </li>

    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>

    <li>
        <a href="#">Trang cá nhân</a>
        <!--Subnav Starts Here-->
        <span>
<!-- BEGIN switch_user_logged_in -->
            <a href="/memberlist" target="_blank">Danh sách thành viên</a>|
            <a href="/profile?mode=editprofile" target="_blank">Lý lịch của bạn </a>|
            <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a>|
<!-- END switch_user_logged_in -->
            <a href="/faq" target="_blank">Trợ giúp</a>|
            <a href="/search" target="_blank">Tìm kiếm</a>|
            <a href="/privmsg?mode=post&u=1" target="_blank">Liên hệ: Admin</a>|
        </span>
        <!--Subnav Ends Here-->
    </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>
cách cài đặt;
Amcp->display->overall header Tìm:
Code:
{GENERATED_NAV_BAR}
Chỉnh sửa code lại trước khi thay nhé: rabbit

_________________
Về Đầu Trang Go down
Xem lý lịch thành viên http://haha.yourme.net
 
Thanh menu ngang 2 cấp
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Về “cái gia gia” trong bài thơ Qua Đèo Ngang của Bà Huyện Thanh Quan
» BÀ HUYỆN THANH QUAN - Hoài Việt Hoài
» Lời thanh ý tục
» THUẬN NGHỊCH ĐỘC & vỸ TAM THANH
» Salad thanh long đỏ

Permissions in this forum:Bạn không có quyền trả lời bài viết
đã xóa :: Kinh nghiệm gian hồ :: Những kĩ thuật khác-
Chuyển đến