متمركز في شكل فلات مع روابط نصية بالنافبار


لمشاهدة الروابط يلزمك التسجيل

الهيدر يمكنك ضعه اعلى اي صفحة تريدها سواء منتدى او موقع
CODE
<div class="header-wrapper">
<div class="header pagewidth">
<h1><a href="/">{MAIN_SITENAME}</a></h1>
<h2>{SITE_DESCRIPTION}</h2>
</div>
</div>
<div class="nav-wrapper">
<div class="nav pagewidth">
<ul>
<li><a href="#">اتصل بنا</a></li>
<li><a href="#">الخدمات</a></li>
<li><a href="#">الدعم</a></li>
<li><a href="examples.html">أمثلة</a></li>
<li class="selected"><a href="index.html">الرئيسية</a></li>
</ul>
</div>
</div>
<style>
* {
margin:0;
padding:0;
}
body {
margin:0 auto 0;
}
/* header & nav */
div.header-wrapper {
background-color:#CC0047;
border-top:10px solid #B3003E;
}
div.nav-wrapper {
background:#333333 url('https://1.top4top.net/p_1454bxet11.png') repeat-x scroll center center;
}
div.header {
padding:40px 10px 40px 0;
margin:0 auto;
}
div.nav {
height:50px;
display:block;
}
div.nav ul {
list-style:none;
padding:0;
margin:0;
height:50px;
float:right;
position:relative;
border-right:1px solid #333333;
border-left:1px solid #121212;
}
div.nav ul li {
display:block;
float:left;
padding:0;
border-right:1px solid #121212;
border-left:1px solid #333;
}
div.nav ul li a, div.nav ul li a:visited {
float:left;
padding:17px 20px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-size:0.8em;
font-family:Tahoma, Helvetica, sans-serif;
}
div.nav ul li a:hover {
background:#333;
color:#ffffff;
}
div.nav ul li.selected a, div.nav ul li.selected a:visited, div.nav ul li.selected a:hover {
background:#CC0047;
}
/* headers */
h1 {
font-size:2.2em;
letter-spacing:-2px;
padding-right:10px;
text-align:right;
line-height:1.0em;
text-transform:uppercase;
}
h1 a, h1 a:hover, h1 a:visited {
text-decoration:none;
color:#fff;
font-weight:bold;
}
h2 {
text-align:right;
padding:0 10px 10px 10px;
font-size:0.9em;
color:#FF99BD;
font-weight:normal;
}
h3 {
font-size:1.9em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#333333;
letter-spacing:-1px;
}
h4 {
font-family:Tahoma, Verdana, Arial;
font-weight:bold;
color:#fff;
padding:7px 12px;
font-size:0.8em;
letter-spacing:1px;
background:#CC0047;
border-right:2px solid #990036;
border-bottom:2px solid #990036;
}
</style>
ان شاء الله يكون عجبكم
اذا ما واجهتك مشكلة بالتركيب ضع موضوعا في قسم
جميع الحقوق محفوظة لـ لمشاهدة الروابط يلزمك التسجيل
يمنع النقل دون ذكر المصدر لمشاهدة الروابط يلزمك التسجيل
والسلام ختام