أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t47
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

هيدر فلات مع نافبار بروابط نصية
Admin 19-01-2020 09:39 مساءً
بسم الله الرحمن الرحيماقدم لكم هيدر مميز وجميل وبسيط
متمركز في شكل فلات مع روابط نصية بالنافبار4254219950
10510
لمشاهدة الروابط يلزمك التسجيل
3434259910
الهيدر يمكنك ضعه اعلى اي صفحة تريدها سواء منتدى او موقع
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>




ان شاء الله يكون عجبكم
اذا ما واجهتك مشكلة بالتركيب ضع موضوعا في قسم
جميع الحقوق محفوظة لـ لمشاهدة الروابط يلزمك التسجيل
يمنع النقل دون ذكر المصدر لمشاهدة الروابط يلزمك التسجيل

والسلام ختام
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved