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

شاطر | 
 

 كود سي إس إس خطير للعب بالعارضو فوق

اذهب الى الأسفل 
كاتب الموضوعرسالة
General Medo
المدير العام
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 48
نقاط : 426
سمعتي بالمنتدى : 0
تاريخ التسجيل : 25/05/2013
العمر : 23

مُساهمةموضوع: كود سي إس إس خطير للعب بالعارضو فوق   الإثنين يونيو 17, 2013 7:50 am



السلام عليكم ورحمه الله وبركاته

طبعا نشكر الزعيم على شريط الاشعارات الرائع الذى تم تركيبه على منتديات احلى منتدى

الان مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه

بسم الله نبدأ

الكود الاول

كود تغير لون خلفيه الشريط

الكود:

    #fa_toolbar, #fa_toolbar_hidden {
    background-color: #fff !important;
    }


ضع مكان #fff اللون الذى تريده
صوره بعد التغير




http://i76.servimg.com/u/f76/16/80/18/01/110.jpg

ثانيا : كود حذف مربع البحث

الصوره قبل



بعد




الكود

الكود:

    #fa_search {
    display: none !important;
    }


ثالثا : كود حذف ازرار شاطر

صوره قبل استخدام الكود


http://i76.servimg.com/u/f76/16/80/18/01/410.jpg

بعد




http://i76.servimg.com/u/f76/16/80/18/01/510.jpg

الكود :

الكود:

    #fa_share {
    display: none !important;
    }


رابعا : كود تغير لون الاشعارات

صوره بعد استخدام الكود




http://i76.servimg.com/u/f76/16/80/18/01/610.jpg

الكود

الكود:

    #fa_notifications.unread #notif_unread {
    color: #FA0E21;
    margin-left: 5px;
    font-weight: bold;
    }


غير اللون #FA0E21 باللون الذى تريده

خامسا: تطوير الاسم والاشعارات

الصور قبل

البيانات الشخصيه



http://i76.servimg.com/u/f76/16/80/18/01/710.jpg

الاشعارات




http://i76.servimg.com/u/f76/16/80/18/01/810.jpg

بعد استخدام الكود



http://i76.servimg.com/u/f76/16/80/18/01/910.jpg



http://i76.servimg.com/u/f76/16/80/18/01/1010.jpg

الان الكود

الكود:


    #fa_menulist, #notif_list {
    margin-top: 5px !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-box-shadow: -1px 3px 5px #000;
    -webkit-box-shadow: -1px 3px 5px #000;
    box-shadow: -1px 3px 5px #000;
    background-color: #fff;
    }

   
    .see_all, .see_all a {
    color: #000 !important;
    background-color: transparent !important;
    }


بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك


الان والكود الاخير وهو كود كامل لتصغير الشريط وجعله متقدم مع التحكم فيه

صوره قبل

.

http://i76.servimg.com/u/f76/16/80/18/01/1110.jpg

صوره بعد الكود




http://i76.servimg.com/u/f76/16/80/18/01/1210.jpg

الكود

الكود:


 
#fa_toolbar {
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important;
border-bottom:ridge 2px #B38000!important;
}
#fa_toolbar_hidden {
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important;
}



    body {
    margin-top: 40px;
    }

   
    #fa_toolbar, #fa_toolbar_hidden {
    background-color: transparent !important;
    }

   
    #fa_search {
    display: none !important;
    }

   
    #fa_share {
    display: none !important;
    }

   
    #fa_left {
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -moz-box-shadow: -1px 1px 5px #000000;
    -webkit-box-shadow: -1px 1px 5px #000000;
    box-shadow: -1px 1px 5px #000000;
    padding-right: 10px;
    }

   
    #fa_right {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -moz-box-shadow: 1px 1px 5px #000000;
    -webkit-box-shadow: 1px 1px 5px #000000;
    box-shadow: 1px 1px 5px #000000;
    padding-left: 10px;
    }

   
    #fa_menulist, #notif_list {
    font-size: 12px !important;
    margin-top: 3px !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-box-shadow: -1px 3px 5px #000000;
    -webkit-box-shadow: -1px 3px 5px #000000;
    box-shadow: -1px 3px 5px #000000;
    background-color: #F2F6FA !important;
    text-decoration: none !important;
    }

   
    #fa_left, #fa_right {
    background: transparent url(http://i75.servimg.com/u/f75/16/54/26/99/vkwv10.png) repeat !important;
    }

    #fa_left a, #fa_right a {
    text-decoration: none !important; 
    }

    li.see_all, li.see_all a {
    background-color: transparent !important;
    color: #666666 !important;
    }

    #fa_left, #fa_notifications, #fa_welcome {
    text-shadow: 1px 1px 1px #666666 !important;
    }

   
    #fa_menulist a, #fa_menulist a:link, #fa_menulist a:visited, #notif_list a {
    color: #666666 !important;
    text-decoration: none !important;
    }

   
    #fa_menulist a:hover {
    color: #BE0B12 !important;
    }

   
    #fa_toolbar > #fa_right.notification > #fa_notifications, #fa_right.welcome #fa_menu #fa_welcome {
    background-color: #828F99 !important;
    color: white !important;
    }

   
    #fa_notifications.unread #notif_unread {
    color: #FA0E21;
    margin-left: 5px;
    font-weight: bold;
    }


بكده نكون انتهينا من الموضوع 


للأمانه الموضوع منقول من منتدى الدعم والمساعده


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://3alam-net.ibda3.biz
يسرى هبة
مشرف
مشرف
avatar

الجنس : انثى
عدد المساهمات : 157
نقاط : 381
سمعتي بالمنتدى : 0
تاريخ التسجيل : 28/06/2013
العمر : 22
الموقع : ******

مُساهمةموضوع: رد: كود سي إس إس خطير للعب بالعارضو فوق   الأربعاء يوليو 03, 2013 2:23 pm

ررررررررروعة شكرا


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

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