1 [Code] thanh menu style đẹp Mon Nov 12, 2012 11:44 am
Admin
Trùm Forum
demo: [You must be registered and logged in to see this link.]
cách làm:
chèn vào css:
thay bằng code
vào thăm trang của tui và like hộ phát nhé
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;
}
- 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é