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


منتدى
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولاكواد الناف بار الرائعه Oaau10اكواد الناف بار الرائعه Ouo10اكواد الناف بار الرائعه O10اكواد الناف بار الرائعه 11اكواد الناف بار الرائعه Ood10اكواد الناف بار الرائعه Od_ou10اكواد الناف بار الرائعه Eo_o10

إرسال موضوع جديد   إرسال مساهمة في موضوع
شاطر
 

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

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

avatar

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

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

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


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


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

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



الكود:
 
<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

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