Kênh thông tin giải trí dành cho giới trẻ
Tự động đăng nhập lần sau
Toàn bộ
Đại sảnh
Du lịch VĐ
Làm quen
Thư viện
Thư giãn
Trường xưa
Âm nhạc
Phim ảnh
Thời trang
Cuộc sống
Tâm sự
Chém gió
Năng khiếu
DJ-Club
Bang hội
CLB
Đố vui
Trò chơi
Tin tức
Kỳ thú
Tin học
Ảnh đẹp
Học tập
Linh tinh
Tiêu đềSáng lậpGửi cuốiChuyên mụcBìnhXem
Bài gửi sau cùng
Bài mới trong thời gian

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Code] thanh menu style đẹp on Mon Nov 12, 2012 11:44 am

 Trùm Forum

Admin

avatar
Trùm Forum


demo: [You must be registered and logged in to see this link.]
cách làm:
chèn vào css:
Code:

#nav_top {
    background: url("http://i45.servimg.com/u/f45/14/65/46/14/nav-im10.png") repeat-x scroll 50% 0 transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    height: 47px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#logo {
    float: left;
}
#logo a {
    color: #FFFFFF;
    display: block;
    font-family: Oswald,"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    padding: 6px 12px 0;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    margin-left: 137px;
}
#logo a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
#fd_nav {
    float: left;
    font-size: 13;
    font-weight: normal;
    font-family: "Abel",arial,serif;
    letter-spacing: 0.2px;
z-index: 999;
}
#fd_nav li {
    margin: 0;
    position: relative;
    list-style: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8)
}
#fd_nav a {
    color: #FFFFFF;
    display: block;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    padding: 6px 15px 0;
    text-decoration: none;
}
#fd_nav a:hover, #fd_nav a.menu_active {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    text-decoration: none;
}
#fd_nav .active a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #fff;
    position: relative;
}
vào header tìm code
Code:
<div id="pun-navlinks">
                    <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                    </ul>
                  </div>


thay bằng code

Code:
<div id="nav_top" style="background-color: rgb(50, 106, 148);"> <div id='logo'><a href='#' title='' rel="home" accesskey='1'>Forum Design</a></div>
                                                          <div id="nav_top" style="background-color: rgb(50, 106, 148);"> <div id="logo"><a href="#" title="" rel="home" accesskey="1">Forum Design</a></div><div id="fd_nav"><ul><li id="nav_home" class="left"><a href="/" rel="home">Home</a></li><li id="nav_forum" class="left active"><a href="/forum">Forum</a></li><li id="nav_skins" class="left "><a href="http://www.thedesignforums.net/h10-skins">TDF Skins</a></li> <li id="nav_help" class="left "><a href="/faq">Help</a></li><li id="nav_members" class="left "><a href="/memberlist">Members</a></li><li id="nav_donate" class="left "><a href="/donate">Donate</a></li>                            <li id="nav_pm" class="left "><a href="/privmsg?folder=inbox" class="mailbox">Mailbox</a></li>  <li id="nav_profail" class="left "><a href="/profile?mode=editprofile">User CP</a></li>
                                                            <!-- BEGIN switch_user_logged_out --><li id='nav_signin' class="left "><a href='/login'>Sign In »</a></li><li id='nav_register' class="left "><a href='/register'>Register Now!</a></li> <!-- END switch_user_logged_out -->
                                                            <!-- BEGIN switch_user_logged_in --><li id="nav_logout" class="left "><a href="/login?logout">Log out</a></li>  <!-- END switch_user_logged_in -->                         
                                                            </ul></div></div>

vào thăm trang của tui và like hộ phát nhé Smile



[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
Xem lý lịch thành viên http://xteenvn.forum-viet.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệ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