منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: [html] للقران الكريم بصوت فضيلة الشيخ سعد الغامدىالخميس 20 سبتمبر 2018 - 21:57 من طرفخادم الاسلام اسم الموضوع: كود ماوس سبحان الله و بحمده حصريا هناالخميس 20 سبتمبر 2018 - 21:55 من طرفخادم الاسلام اسم الموضوع: كود css صورة داخل صندوق الردالخميس 20 سبتمبر 2018 - 21:17 من طرفخادم الاسلام اسم الموضوع: كود [css]+[javascript] لتطوير تايتل المنتدى بإنسيابية مميزة و احترافيةالخميس 20 سبتمبر 2018 - 21:13 من طرفخادم الاسلام اسم الموضوع: حصريا و بانفراد تام كود انبثاق الصور الجديد في المواضيعالخميس 20 سبتمبر 2018 - 20:30 من طرفخادم الاسلام اسم الموضوع: [Javascript] التحكم الكامل في شريط الاشعارات المتقدم من تعديلي و تعريبيالخميس 20 سبتمبر 2018 - 20:30 من طرفخادم الاسلام اسم الموضوع: كود جافا سكربت مدعوم بالسي اس اس لاضافة ازرار تنبية للادارة الخميس 20 سبتمبر 2018 - 20:19 من طرفخادم الاسلام اسم الموضوع: Javascript اضافة أكثر من 100 ايقونة بصندوق الكتابةالخميس 20 سبتمبر 2018 - 20:07 من طرفخادم الاسلام اسم الموضوع: جافا صورة الشخصية للعضو في شريط عارضة المنتدىالخميس 20 سبتمبر 2018 - 20:06 من طرفخادم الاسلام اسم الموضوع: [Javascript] يقوم بمعاينة و عرض المجموعات بانبثاق احترافيالخميس 20 سبتمبر 2018 - 20:02 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT]خاصية جديدة لنسخ الكود و بدون تظليلالخميس 20 سبتمبر 2018 - 19:58 من طرفخادم الاسلام اسم الموضوع: Javascript تقييم five stars للمواضيع المميزة بعدة اشكال.الخميس 20 سبتمبر 2018 - 19:40 من طرفخادم الاسلام

شاطر | 
 

 نافبار أزرق احترافي من تعديلي

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

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1348
السٌّمعَة :
37
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: نافبار أزرق احترافي من تعديلي الأربعاء 10 ديسمبر 2014 - 17:27


نافبار أزرق احترافي من تعديلي

css
الكود:



    /* top level elements */
    #nav, #nav ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    #nav {
        background-color: rgb(78,105,162);
        background: -moz-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,105,162,1)), color-stop(100%, rgba(59,88,152,1)));
        background: -webkit-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
        background: -o-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
        background: -ms-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
        background: linear-gradient(to bottom, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);

        border-bottom: 1px solid #3A4B7B;
        height: 22px;
        padding: 10px 0 10px 5px;
        position: relative;
    }
    #nav > li {
        float: right;
        height: 22px;
        padding-right: 6px;
        position: relative;
        text-align: left;
    }
    #nav > li > a {
        border: 1px solid transparent;
        color: #FFFFFF;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 27px;
        line-height: 27px;
        margin: -3px 0 0 -1px;
        padding: 0 1px 0 11px;
        text-decoration: none;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    }
    #nav > li:hover > a, #nav > a:hover {
        background-color: #425691;
        border-radius: 2px 2px 2px 2px;
        color: #FFFFFF;
        margin-right: -8px;
        padding: 0 9px 0 11px;
        position: relative;
        z-index: 1;
    }
    #nav > li.subs:hover > a {
        background-color: #FFFFFF;
        border: 1px solid rgba(100, 100, 100, 0.4);
        border-bottom-width: 0;
        border-radius: 2px 2px 0 0;
        color: #000000;
        text-shadow: 0 0 transparent;
        z-index: 2;
    }

    /* top items separator */
    #nav > li:after {
        background-color: #405791;
        content: "";
        height: 17px;
        left: 1px;
        position: absolute;
        top: 2px;
        width: 1px;
    }
    #nav > li:first-child:after {
        background-color: transparent;
    }

    /* submenu */
    #nav ul {
        background-color: #FFFFFF;
        border: 1px solid rgba(100, 100, 100, 0.4);
        *border: 1px solid rgb(100, 100, 100);
        border-radius: 0 0 3px 3px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        display: none;
        left: -1px;
        margin-top: 2px;
        min-width: 200px;
        padding: 6px 0;
        position: absolute;
        top: 100%;
        z-index: 1;
    }
    #nav li:hover ul {
        display: block;
    }
    #nav ul li a {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        color: #232B37;
        display: block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 22px;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #nav ul li a:hover {
        background-color: #6D84B4;
        border-bottom: 1px solid #3B5998;
        border-top: 1px solid #3B5998;
        color: #FFFFFF;
    }

    /* other elements */
    #nav span {
        display: none;
    }

    /* responsive rules */
    @media all and (max-width : 980px) {

        /* top level elements */
        #nav  {
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
        }
        #nav li {
            display: inline;
            float: left;
            height: auto;
            line-height: 40px;
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%;
        }
        #nav > li:after {
            display: none;
        }
        #nav > li > a {
            border-bottom: 1px solid #3B5998;
            height: 40px;
            line-height: 40px;
            margin: 0;
        }
        #nav > li:hover > a, #nav > a:hover {
            margin: 0;
            border-width: 1px;
        }
        #nav > li.subs:hover > a {
            border-radius: 0;
            border-width: 1px;
        }

        /* submenu */
        #nav ul {
            border: 0;
            left: 0;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
            top: 0;
        }
        #nav li:hover ul {
            display: none;
        }
        #nav ul li a {
            height: 40px;
            line-height: 40px;
        }
        #nav #s1:target + li > a,
        #nav #s2:target + li > a{
            background-color: #FFFFFF;
            border: 0;
            color: #000000;
            text-shadow: 0 0 transparent;
        }
        #nav #s1:target + li ul,
        #nav #s2:target + li ul {
            display: block;
        }
    }
HTML
   

الكود:
<ul id="nav">
                           
    <li>
            <a href="الرابط">الرئيسية</a>   
    </li>
                        <span id="s1"></span>                   
    <li class="subs">
            <a href="#s1">المنتدى</a>                       
        <ul>
                                           
            <li>
                    <a href="الرابط">القسم الاول</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الثاني</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الثالث</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الرابع</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الخامس</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم السادس</a>   
            </li>
                                       
        </ul>
                               
    </li>
                        <span id="s2"></span>                   
    <li class="subs">
            <a href="#s2">المدونة</a>                       
        <ul>
                                           
            <li>
                    <a href="الرابط">القسم الاول</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الثاني</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الثالث</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الرابع</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم الخامس</a>   
            </li>
                                           
            <li>
                    <a href="الرابط">القسم السادس</a>   
            </li>
                                       
        </ul>
                               
    </li>
                           
    <li>
            <a href="الرابط">الاعضاء</a>   
    </li>
                           
    <li>
            <a href="الرابط">الدردشة</a>   
    </li>
                           
    <li>
            <a href="الرابط">القوانين</a>   
    </li>
                       
</ul>
يوضع في العناصر الاضافية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
نافبار أزرق احترافي من تعديلي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد هتمل | HTML code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك