بسم الله الرحمن الرحيم
اليوم اقدم لكم كود طلبه الكثيرون مني وهوا
ناف بار اعلاه المنتدي بدون تومبلايت ...لجميع النسخ
صورة للكود
اليوم اقدم لكم كود طلبه الكثيرون مني وهوا
ناف بار اعلاه المنتدي بدون تومبلايت ...لجميع النسخ
صورة للكود
الكود:
<div style="background-color: rgb(50, 106, 148);"
id="nav_top"> <div id="logo"><a accesskey="1" rel="home"
title="" href="#">فريق الاكواد العرب</a></div><div
id="fd_nav"><ul><li class="left" id="nav_home"><a
rel="home" href="#">قريبا</a></li><li class="left
active" id="nav_forum"><a
href="#">قريبا</a></li><li class="left "
id="nav_help"><a href="#">قريبا</a></li><li
class="left " id="nav_members"><a
href="#">قريبا</a></li><li class="left "
id="nav_donate"><a href="/donate">تبرع</a></li>
</ul></div></div>
<style>
#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:right;
}
#logo a {
color: #FFFFFF;
display: block;
font-family: Oswald,"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 24px;
height: 40px;
line-height: 40px;
margin-left: 137px;
padding: 6px 12px 0;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#logo a:hover {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
#fd_nav {
float: left;
font-size: 13px;
font-weight: bold;
}
#fd_nav li {
list-style: none outside none;
margin: 0;
position: relative;
text-shadow: 0 -1px 0 #334562;
}
#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: #FFFFFF;
position: relative;
} </style>