اخر اخبار العراق


منتدى
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 اكواد الناف بار الرائعه

اذهب الى الأسفل 
كاتب الموضوعرسالة
احساس خالد



عدد المساهمات : 110
نقاط : 199
السٌّمعَة : 0
تاريخ التسجيل : 09/08/2013

مُساهمةموضوع: اكواد الناف بار الرائعه   الثلاثاء ديسمبر 09, 2014 12:32 pm

موضوع: نافبار التنقل   الأحد مايو 26, 2013 9:13 pm


صورة النافبار قبل التعريب




الكود الاول يوضع فى التشكيلات العامة
الرمز:



الكود:
 
<ul id="menu">
</li><li>    <li><a href="xxxxxxxxxx">الرئيسية</a></li>
</li><li>    <li><a href="xxxxxxxxxx/search?search_id=newposts">المواضيع الجديدة</a></li>
</li><li>    <li><a href="xxxxxxxxxx/search?search_id=egosearch">مساهماتك</a></li>
</li><li>    <li><a href="xxxxxxxxxx/search?search_id=unanswered">مواضيع لم يرد عليها</a></li>
</li><li>    <li><a href="http://www.gulfup.com/">مركز تحميل</a></li>
</li><li></ul>
</li>



ملاحظة /
ضع رابط منتداك مكان xxxxxxxxxx

كود يوضع فى ورقة ccs

الرمز:


الكود:
 #menu {
        list-style:none;
        width:940px;
        margin:30px auto 0px auto;
        height:43px;
        padding:0px 20px 0px 20px;
   
        /* Rounded Corners */
       
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
   
        /* Background color and gradients */
       
        background: #014464;
        background: -moz-linear-gradient(top, #0272a7, #013953);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
       
        /* Borders */
       
        border: 1px solid #002232;
   
        -moz-box-shadow:inset 0px 0px 1px #edf9ff;
        -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
        box-shadow:inset 0px 0px 1px #edf9ff;
    }
   
    #menu li {
        float:left;
        display:block;
        text-align:center;
        position:relative;
        padding: 4px 10px 4px 10px;
        margin-right:30px;
        margin-top:7px;
        border:none;
    }
   
    #menu li:hover {
        border: 1px solid #777777;
        padding: 4px 9px 4px 9px;
       
        /* Background color and gradients */
       
        background: #F4F4F4;
        background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
       
        /* Rounded corners */
       
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }
   
    #menu li a {
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color: #EEEEEE;
        display:block;
        outline:0;
        text-decoration:none;
        text-shadow: 1px 1px 1px #000;
    }
   
    #menu li:hover a {
        color:#161616;
        text-shadow: 1px 1px 1px #FFFFFF;
    }
    #menu li .drop {
        padding-right:21px;
        background:url("img/drop.png") no-repeat rightright 8px;
    }
    #menu li:hover .drop {
        background:url("img/drop.png") no-repeat rightright 7px;
    }



_________________



ايها الزاائر نورت توقيعي كلمه شكر لنطمئن بان حضرتك/خضرتكي عجبكم الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://rsrs.0wn0.com
 
اكواد الناف بار الرائعه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
اخر اخبار العراق  :: المنتدى الاول-
انتقل الى:  
الرئيسيةالبوابةاليوميةس .و .جبحـث

..........................................................................................
اطلب تصميمك الان
ستايلات همسات معرض ستايلات انوار التصميم محترفي بلوجر ستايل علاء الفاتك الفهلوي كل ستايلات علاء الفاتك جوليت واحه الاسلام جوليت ورشه محترف نت ستايلات مودي انكسار ديزاين
فوتر اسود

لا يلهيك المنتدى عن صلاه
Loading...

محترفي البلوجر