منتدى الرياضة العربية البوابة

اخبار ، فيديوهات ، مباريات ، بث مباشر ، ترددات ، قسم خاص Bein SPORTS ، ترتيب الفرق ، ترتيب الهدافين ، قنوات MBC PRO SPORTS , اكواد html , اكواد java , اكواد Css , اكواد تومبيلات , كل ذلك في منتدانا
 
الرئيسيةالبوابةس .و .جبحـثالتسجيلدخول
مواضيع مماثلة

    شاطر | 
    تابعنا على مواقع التواصل الاجتماعى

     

     كود HTML لعمل نافبار جميل بدون تومبلايت

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

    avatar

    Admin

    Admin
    معلومات إضافية
    الدولة : فلسطين
    الساعة :
    ذكر
    القوس
    عدد المساهمات : 5139
    نقاطك : 1095445976
    تاريخ الميلاد : 09/12/1994
    تاريخ التسجيل : 02/05/2012
    العمر : 24
    الموقع : http://arabfoot.ahlamontada.com
    المزاج : ممتاز
    معلومات الاتصال
    مُساهمةموضوع: كود HTML لعمل نافبار جميل بدون تومبلايت   الإثنين يونيو 22, 2015 5:49 pm

    السلام عليكم 
    أقدم لكم كود HTML لعمل نافبار جميل جدا بدون تومبلايت ..



    <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='your home'><span>الرئيسية</span></a></li>
     <li class='active '><a href='your forum'><span>المنتدى</span></a></li>

    <li class='active '><a
    href='your khas'><span>الرسائل
    الخاصة</span></a></li>
     <li class='active has-sub '><a href='#'><span>روابط مهمة</span></a>
         <ul>

        <li class='active '><a
    href='your a2daa'><span>قائمة
    الاعضاء</span></a></li>
           <li
    class='active '><a
    href='your shakhsea'><span>البيانات
    الشخصية</span></a></li>
           <li><a href='your raf2'><span>مركز الرفع</span></a></li>

        <li><a
    href='your blog'><span>المدونة</span></a></li>
         <li><a
    href='your groups'><span>المجموعات</span></a></li>

         </ul>
     </li>

    <li><a
    href='your search'><span>ما
    الجديد ؟</span></a></li>
     <li><a
    href='your mawade2'><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}

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

    والآن مع الشرح :
    بدلا من كلمة : 
    اقتباس :
    your home
    أكتب رابط الصفحة الرئيسية في المنتدي ..

    وبدلا من كلمة : 
    اقتباس :
    your forum
    تضع رابط منتداك وليس الرئيسية ..

    وبدلا من كلمة : 
    اقتباس :
    your khas
    ضع رابط الرسائل الخاصة والذي يكون مثل هذا :
    http://www.yourdomain/privmsg?folder=inbox
    وبدلا من 
    اقتباس :
    yourdomain
    أكتب ضومين منتداك ..

    وبدلا من كلمة : 
    اقتباس :
    #
    أكتب روابط مهمة وده إختياري وأفضل تسيبها ..

    وبدلا من كلمة : 
    اقتباس :
    your a2daa
    أكتب رابط قائمة الأعضاء والتي مثل هذا الرابط :
    http://www.yourdomain/memberlist
    وبدلا من كلمة 
    اقتباس :
    yourdomain
    أكتب ضومين منتداك ..

    وبدلا من كلمة : 
    اقتباس :
    your shakhsea
    أكتب رابط البيانات الشخصية والذي مثل هذا :
    http://www.yourdomain/profile?mode=editprofile
    وبدلا من كلمة : 
    اقتباس :
    yourdomain
    أكتب ضومين منتداك ..

    وبدلا من كلمة : 
    اقتباس :
    your raf2
    أكتب رابط مركز الرفع الخاص بك إذا كان لديك مركز رفع ..

    وبدلا من كلمة : 
    اقتباس :
    your blog
    أكتب رابط مدونتك إذا كان عندك مدونة ..

    وبدلا من كلمة : 
    اقتباس :
    your groups
    أكتب رابط المجموعات والذي مثل هذا :
    http://www.yourdomain/groups
    بدلا من كلمة : 
    اقتباس :
    yourdomain
    أكتب ضومين منتداك ..

    وبدلا من كلمة : 
    اقتباس :
    your search
    أكتب رابط صفحة ما الجديد ..

    وبدلا من الكلمة : 
    اقتباس :
    your mawade2
    أكتب رابط مواضيع لم يتم الرد عليها مثل الذي علي هذا الرابط :
    http://www.yourdomain/search.forum?search_id=unanswered
    وبدلا من كلمة : 
    اقتباس :
    yourdomain
    أكتب ضومين منتداك ..

    والأشياء إل هي مش عندك أو أنت ما تعرفهاش عادي مش لازم تعملها ..
    تحياتييييييي
    الشرح تم بواسطة : ِadmin - منتدى الرياضة العربية البوابة
    يمنع النقل دون ذكر المصدر

    مواضيع المنتدى وحقوقها محفوظة ويمنع النقل دون ذكر المصدر ومن نقلها من غير نقل المصدر جزاء امانته عند ربةالموضوعالأصلي : كود HTML لعمل نافبار جميل بدون تومبلايت المصدر : منتدى الرياضة العربية البوابة الكاتب:Admin
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
     
    كود HTML لعمل نافبار جميل بدون تومبلايت
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 

    صفحة 1 من اصل 1

     مواضيع مماثلة
    -
    » تحميل كرتون سندريلا عندنا بس



    خدمات الموضوع
     KonuEtiketleri كلمات دليليه
    كود HTML لعمل نافبار جميل بدون تومبلايت , كود HTML لعمل نافبار جميل بدون تومبلايت , كود HTML لعمل نافبار جميل بدون تومبلايت ,كود HTML لعمل نافبار جميل بدون تومبلايت ,كود HTML لعمل نافبار جميل بدون تومبلايت , كود HTML لعمل نافبار جميل بدون تومبلايت
     KonuLinki رابط الموضوع
     Konu BBCode BBCode
     KonuHTML Kodu HTMLcode
    إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود HTML لعمل نافبار جميل بدون تومبلايت ] مخالف ,, من فضلك راسل الإدارة من هنا
    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى

    ضوابط المشاركة في المنتدى
    لاتستطيع الرد على المواضيع في هذا المنتدى


    BB codeمتاحة للجميع
    الابتسامات متاحةللأعضاء
    كود[IMG]متاح للأعضاء
    كود HTML متاحللأعضاء


    منتدى الرياضة العربية البوابة :: الـتـقـنـيـات الـمـتـقـدمـة :: أكواد HTML-