منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

مُساهمة من طرف JAR7 في 13/03/16, 10:47 am

تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

السلام عليكم ورحمة الله

اقدم لكم كود نافبار احترافي يوضع بالهيدر overall_header

صورة للنافبار


https://i84.servimg.com/u/f84/16/46/77/76/uo_ouo65.png

الكود يضاف بالنسخة الثانية بعد كلمة

{JAVASCRIPT}

الكود

الرمز:


<style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}
  #cssmenu{
  height:49px;
  border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  background:#fefefe;
  background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);
  background:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));
  background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);
  background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);
  background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);
  background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);
  border-bottom:2px solid #db000b;
  width:auto}
  #cssmenu:after,#cssmenu ul:after{
  content:'';display:block;
  clear:both}
  #cssmenu a{
  background:#fefefe;
  background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);
  background:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));
  background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);
  background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);
  background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);
  background:linear-gradient(top,#fefefe 0%,#ececec 100%);
  color:#000;display:inline-block;
  font-family:Helvetica,Arial,Verdana,sans-serif;
  font-size:12px;
  line-height:49px;
  padding:0 20px;
  text-decoration:none}
  #cssmenu ul{
  list-style:none}
  #cssmenu > ul{float:right}
  #cssmenu > ul > li{float:right}
  #cssmenu > ul > li > a{color:#000;font-size:12px}
  #cssmenu > ul > li:hover:after{
  content:'';display:block;
  width:0;height:0;
  position:absolute;
  right:50%;bottom:0;border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-bottom:10px solid #db000b;
  margin-right:-10px}
  #cssmenu > ul > li:first-child > a{
  border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0;
  -webkit-border-radius:5px 0 0 0}
  #cssmenu > ul > li.active:after{
  content:'';display:block;
  width:0;height:0;
  position:absolute;
  right:50%;bottom:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #db000b;margin-right:-10px}
  #cssmenu > ul > li.active > a{
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
  box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
  background:#ececec;
  background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));
  background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:linear-gradient(top,#ececec 0%,#fef ef 100%)}
  #cssmenu > ul > li:hover > a{
  background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));
  background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);
  background:linear-gradient(top,#ececec 0%,#fef ef 100%);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
  box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}
  #cssmenu .has-sub{z-index:1}
  #cssmenu .has-sub:hover > ul{display:block}
  #cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;right:0}
  #cssmenu .has-sub ul li{*margin-bottom:-1px}
  #cssmenu .has-sub ul li a{
  background:#db000b;border-bottom:1px dotted #ff0f1b;
  filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}
  #cssmenu .has-sub ul li:hover a{background:#a80008}
  #cssmenu .has-sub .has-sub:hover > ul{display:block}
  #cssmenu .has-sub .has-sub ul{display:none;position:absolute;right:100%;top:0}
  #cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}
  #cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}
  </style>





 <!-- customize your menus Links -->


 <div id="cssmenu">
 <ul>
  <li class="active"><a href="/"><span>الرئيسية</span></a></li>
 <li class="has-sub"><a href="#"><span>اسم القسم</span></a>
 <ul>
 <li class="has-sub"><a href="#"><span> 1قسم فرعي</span></a>
 <ul>
 <li><a href="#"><span>قسم فرعي</span></a></li>
 <li class="last"><a href="#"><span>قسم فرعي</span></a></li>
 </ul>
 </li>
 <li class="has-sub"><a href="#"><span>قسم فرعي 2</span></a>
 <ul>
 <li><a href="#"><span>قسم فرعي</span></a></li>
 <li class="last"><a href="#"><span>قسم فرعي</span></a></li>
 </ul>
 </li>
 </ul>
 </li>
 <li><a href="#"><span>اسم القسم</span></a></li>
 <li class="last"><a href="#"><span>اسم القسم</span></a></li>
 </ul>
 </div>


دمتم بخير وصحة وعافية

JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2202
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

مُساهمة من طرف وهبة الساحر في 15/03/16, 04:26 pm

بارك الله فيكى اختى الفاضلة



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     


وهبة الساحر
ادارة المنتدى


الجنس : ذكر
عدد المساهمات : 335
التقييم : 61
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

مُساهمة من طرف Black Love في 19/03/16, 08:29 pm

شششكرآ على الكود #بلآك
  



Black Love
عضو نشيط


الجنس : ذكر
عدد المساهمات : 96
التقييم : 15
تاريخ التسجيل : 19/03/2016
الموقع : المغرب ~~♥
العمل/الترفيه : مصمم جرافيك و مككود وسسباح ايضا هع ♥
المزاج : ~~ ححلو النهردهه هع ♥

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

مُساهمة من طرف Mr.Yakoub في 10/04/16, 11:33 am

كالعادة ابداع رائع 

وطرح يستحق المتابعة

شكراً لك 

بانتظار الجديد القادم
دمت بكل خير

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تومبلايت نافبار احترافي للمنتديات - نافبار جديد احلى منتدى

مُساهمة من طرف المصمم الليلي في 22/05/16, 02:32 am

شششكرآ على الكود #بلآك
  

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى