قيادات الهكر



 
الرئيسيةاليوميةمجلة المنتدىس .و .جمركز رفع الملفات بحـثالأعضاءالمجموعاتالتسجيلدخول
غزة في قلوبنا
Back to Top

شاطر | 
 

 [html]كود html لعمل نافبار لمنتديات أحلى منتدى بدون تومبيلات

اذهب الى الأسفل 
كاتب الموضوعرسالة
المشرف العام
عضو ملكى
عضو ملكى
avatar

ذكر
عدد المساهمات : 159
نقاط : 209
السٌّمعَة : 0
تاريخ التسجيل : 06/01/2014
العمر : 16
الموقع : احلى لمسة
العمل/الترفيه : طالب
المزاج : الحمد لله

مُساهمةموضوع: [html]كود html لعمل نافبار لمنتديات أحلى منتدى بدون تومبيلات   الإثنين 06 يناير 2014, 11:30



كود html لعمل نافبار لمنتديات أحلى منتدى بدون تومبيلات
كود نافبار لمنتديات أحلى منتدى بدون تومبيلات




أقدم لكم اليوم كود html css لعمل نافبار رائع لمنتديات أحلى منتدى مثل منتدانا ولكن بدون تومبيلات وبتقنيات جديدة

الكود يصلح للمنتديات التومبيلات والتى بدون تومبيلات أيضا ويعمل بكفائة عالية

صورة للكود



أتمنى يعجبكم


والان وقت الكود
 code 

الرمز:
الكود:
      <div style="position: fixed; top: 0px; right: 0px; background: black; width: 100%; color: #ECECEC; padding: 3px; z-index: 999;"> <div id='cssmenu'>
        <ul>
          <li class='active '><a href='http://4egy.net'><span>الرئيسية</span></a></li>
          <li class='active '><a href='http://4egy.net/forum'><span>المنتدى</span></a></li>
          <li class='active '><a href='http://www.4egy.net/privmsg?folder=inbox'><span>الرسائل الخاصة</span></a></li>
          <li class='active has-sub '><a href='#'><span>روابط مهمة</span></a>
              <ul>
                <li class='active '><a href='http://www.4egy.net/memberlist'><span>قائمة الاعضاء</span></a></li>
                <li class='active '><a href='http://www.4egy.net/profile?mode=editprofile'><span>البيانات الشخصية</span></a></li>
                <li><a href='http://www.4egy.net/h10-page'><span>مركز الرفع</span></a></li>
                <li><a href='http://www.4egy.net/h18-page'><span>المدونة</span></a></li>        <li><a href='http://www.4egy.net/groups'><span>المجموعات</span></a></li>

              </ul>
          </li>
          <li><a href='http://www.4egy.net/search.forum?search_id=newposts'><span>ما الجديد ؟</span></a></li>
          <li><a href='http://www.4egy.net/search.forum?search_id=unanswered'><span>مواضيع لم يتم الرد عليها</span></a></li>

        </ul>
        </div>
        </div>
        <Style>
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        text-align: right;
        font-weight: bold;
        }
        #cssmenu {
          height: 49px;
          border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0;
          background: #141414;
          background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
          background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
          background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
          filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
          border-bottom: 2px solid #e00f16;
        text-align: right;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        text-align: right;

        }
        #cssmenu a {
          background: #141414;
          background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
          background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
          background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
          background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
          filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
          color: #ffffff;
          display: inline-block;
          font-family: Helvetica, Arial, Verdana, sans-serif;
          font-size: 12px;
          line-height: 49px;
          padding: 0 20px;
          text-decoration: none;
        text-align: right;

        }
        #cssmenu ul {
          list-style: none;
        text-align: right;

        }
        #cssmenu > ul {
          float: right;
        text-align: right;

        }
        #cssmenu > ul > li {
          float: right;
        text-align: right;

        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #e00f16;
          margin-left: -10px;
        text-align: right;

        }
        #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;
        text-align: right;

        }
        #cssmenu > ul > li:last-child > a {
          border-radius: 0 5px 0 0;
          -moz-border-radius: 0 5px 0 0;
          -webkit-border-radius: 0 5px 0 0;
        text-align: right;

        }
        #cssmenu > ul > li.active > a {
          box-shadow: inset 0 0 3px #000000;
          -moz-box-shadow: inset 0 0 3px #000000;
          -webkit-box-shadow: inset 0 0 3px #000000;
          background: #070707;
          background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
          background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
          background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
          filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
        text-align: right;

        }
        #cssmenu > ul > li:hover > a {
          background: #070707;
          background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
          background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
          background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
          background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
          filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
          box-shadow: inset 0 0 3px #000000;
          -moz-box-shadow: inset 0 0 3px #000000;
          -webkit-box-shadow: inset 0 0 3px #000000;
        text-align: right;

        }
        #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%;
        text-align: right;

          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #e00f16;
          border-bottom: 1px dotted #ec6f73;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        text-align: right;

        }
        /* code brogramed by www.4egy.net*/
        #cssmenu .has-sub ul li:hover a {
          background: #b00c11;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #b00c11;
          border-bottom: 1px dotted #d06d70;
        text-align: right;

        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #80090d;
        text-align: right;

        }
        </style>



طريقة وضع الكود

لو كنت مفعل التومبيلات
تضعه فى الهيدر بعد هذه الكلمة
{JAVASCRIPT}

أما لو كنت غير مفعل التومبيلات فأفضل مكان له الاعلانات الخاصة ليظهر فى جميع الصفحات او العناصر المستقلة لو كنت مفعلها

وإن شاء الله نقدمه لكم بمزيد من الاشكال

مصدر الموضوع :- منتديات قيادات الهكر | و غير مسموح بالنقل دون ذكر المصدر








منتداى احلى لمسة http://ahlalamsa.wwooww.net/

 شعار عربية 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.ahlalamsa.tk
احمد السويسي
عضو ملكى
عضو ملكى
avatar

ذكر
عدد المساهمات : 241
نقاط : 241
السٌّمعَة : 0
تاريخ التسجيل : 10/11/2013

مُساهمةموضوع: _da3m_15   الأربعاء 29 يناير 2014, 14:57

موضوع رائع بوركت

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
[html]كود html لعمل نافبار لمنتديات أحلى منتدى بدون تومبيلات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اليكم كود html لعمل غرفة شات
» حصريا اكبر موسوعة اكواد ورموز HTML خياليه تخص صفحات مجله بوابة ورئيسية منتداك
» كود وضع خلفية لصفحات Html
» الان للجميع كود وضع خلفية لصفحات هتمل html
» من شرحي الخاص ( الشامل في HTML ) في كتاب للتحميل - تعلم اللغة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
قيادات الهكر :: اكوادنا المميزة :: اكواد ال html-
انتقل الى:  

قيادات الهكر

↑ Grab this Headline Animator

<div style="background-color: none transparent;"><a href="http://news.rsspump.com/" title="news">news</a></div>
َ