منتديات العبقري تقدم كل ما جديد من آخر اخبار انظمة التشغيل والعاب الكمبيوتر والبرامج والحماية الشاملة لأنظمة الحاسوب
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
وصفات حلويات بالفراولة
طريقة العناية بالشعر الأسود
الشركة الدولية لمكافحة حشرات بجدة
شركة جوهرة مكه لنقل العفش
سيريال avira free antivirus 2017
انت عبقرى بجد
الإصدار النهائى من الريشة السلوفاكية Eset Smart Security + التفعيل
سيريال برنامج AVG Internet Security 2017 لمدة 374 يوم
سيريال تفعيل برنامج سي كلينر CCleaner v4.17 وجميع الاصدارات حتي الجديدة
أفضل خصال تبحث عنها في المقاول العام الجيد | مؤسسة نوارة أغادير للمقاولات والصيانه
الثلاثاء 12 يونيو - 16:52
الثلاثاء 12 يونيو - 16:51
الثلاثاء 12 يونيو - 16:49
الثلاثاء 12 يونيو - 16:49
الإثنين 18 سبتمبر - 21:04
الإثنين 18 سبتمبر - 21:03
الأربعاء 13 سبتمبر - 19:14
السبت 29 يوليو - 16:05
السبت 29 يوليو - 9:52
الأربعاء 26 يوليو - 22:47











شاطر
 

 اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي

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

AdMin

ذكر
البلد : مصر
عدد المساهمات : 3809
العمر : 25
تاريخ التسجيل : 28/07/2012
السٌّمعَة : 78

اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي Empty
مُساهمةموضوع: اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي   اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي Emptyالخميس 23 يونيو - 15:47

اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي



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

بسم الله نبدأ 

الكود الاول

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



الرمز:

الكود:
[center][size=18][b]
    #fa_toolbar, #fa_toolbar_hidden {
    background-color: #fff !important;
    }[/b][/size][/center]




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




https://i.servimg.com/u/f76/16/80/18/01/110.jpg

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

الصوره قبل 


بعد




الكود

الكود:

[center][size=18][b]
    #fa_search {
    display: none !important;
    }[/b][/size][/center]

[center][size=18][b][/b][/size][/center]

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

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


https://i.servimg.com/u/f76/16/80/18/01/410.jpg

بعد



https://i.servimg.com/u/f76/16/80/18/01/510.jpg

الكود : 



الرمز:
الكود:

    #fa_share {
    display: none !important;
    }


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

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




https://i.servimg.com/u/f76/16/80/18/01/610.jpg

الكود



الرمز:


الكود:

[center][size=18][b]
    #fa_notifications.unread #notif_unread {
    color: #FA0E21;
    margin-left: 5px;
    font-weight: bold;
    }[/b][/size][/center]

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

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

الصور قبل 

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


https://i.servimg.com/u/f76/16/80/18/01/710.jpg

الاشعارات



https://i.servimg.com/u/f76/16/80/18/01/810.jpg

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

https://i.servimg.com/u/f76/16/80/18/01/910.jpg


https://i.servimg.com/u/f76/16/80/18/01/1010.jpg

الان الكود



الرمز:


الكود:

[center][size=18][b]
    #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;
    }[/b][/size][/center]

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


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

صوره قبل


https://i.servimg.com/u/f76/16/80/18/01/1110.jpg

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



https://i.servimg.com/u/f76/16/80/18/01/1210.jpg

الكود

الكود:
[size=18][b][/b][/size]
 [size=18][b][/b][/size]
#fa_toolbar {[size=18][b][/b][/size]
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)
!important;[size=18][b][/b][/size]
border-bottom:ridge 2px #B38000!important; [size=18][b][/b][/size]
}[size=18][b][/b][/size]
#fa_toolbar_hidden {[size=18][b][/b][/size]
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)
!important;[size=18][b][/b][/size]
}[size=18][b][/b][/size]
[size=18][b][/b][/size]
[size=18][b][/b][/size]
[size=18][b][/b][/size]
    body {[size=18][b][/b][/size]
    margin-top: 40px;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_toolbar, #fa_toolbar_hidden {[size=18][b][/b][/size]
    background-color: transparent !important; [size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_search {[size=18][b][/b][/size]
    display: none !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_share {[size=18][b][/b][/size]
    display: none !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_left {[size=18][b][/b][/size]
    -webkit-border-bottom-right-radius: 6px;[size=18][b][/b][/size]
    -moz-border-radius-bottomright: 6px;[size=18][b][/b][/size]
    border-bottom-right-radius: 6px;[size=18][b][/b][/size]
    -moz-box-shadow: -1px 1px 5px #000000;[size=18][b][/b][/size]
    -webkit-box-shadow: -1px 1px 5px #000000;[size=18][b][/b][/size]
    box-shadow: -1px 1px 5px #000000;[size=18][b][/b][/size]
    padding-right: 10px;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_right {[size=18][b][/b][/size]
    -webkit-border-bottom-left-radius: 6px;[size=18][b][/b][/size]
    -moz-border-radius-bottomleft: 6px;[size=18][b][/b][/size]
    border-bottom-left-radius: 6px;[size=18][b][/b][/size]
    -moz-box-shadow: 1px 1px 5px #000000;[size=18][b][/b][/size]
    -webkit-box-shadow: 1px 1px 5px #000000;[size=18][b][/b][/size]
    box-shadow: 1px 1px 5px #000000;[size=18][b][/b][/size]
    padding-left: 10px;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_menulist, #notif_list {[size=18][b][/b][/size]
    font-size: 12px !important;[size=18][b][/b][/size]
    margin-top: 3px !important;[size=18][b][/b][/size]
    border-color: transparent !important;[size=18][b][/b][/size]
    border-radius: 6px !important;[size=18][b][/b][/size]
    -moz-border-radius: 4px !important;[size=18][b][/b][/size]
    -webkit-border-radius: 4px !important;[size=18][b][/b][/size]
    -moz-box-shadow: -1px 3px 5px #000000;[size=18][b][/b][/size]
    -webkit-box-shadow: -1px 3px 5px #000000;[size=18][b][/b][/size]
    box-shadow: -1px 3px 5px #000000;[size=18][b][/b][/size]
    background-color: #F2F6FA !important;[size=18][b][/b][/size]
    text-decoration: none !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_left, #fa_right {[size=18][b][/b][/size]
    background: transparent url(http://i75.servimg.com/u/f75/16/54/26/99/vkwv10.png) repeat !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    #fa_left a, #fa_right a {[size=18][b][/b][/size]
    text-decoration: none !important;  [size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    li.see_all, li.see_all a {[size=18][b][/b][/size]
    background-color: transparent !important;[size=18][b][/b][/size]
    color: #666666 !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    #fa_left, #fa_notifications, #fa_welcome {[size=18][b][/b][/size]
    text-shadow: 1px 1px 1px #666666 !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
   [size=18][b][/b][/size]
    #fa_menulist a, #fa_menulist a:link, #fa_menulist a:visited, #notif_list a {[size=18][b][/b][/size]
    color: #666666 !important;[size=18][b][/b][/size]
    text-decoration: none !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_menulist a:hover {[size=18][b][/b][/size]
    color: #BE0B12 !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
    [size=18][b][/b][/size]
    #fa_toolbar > #fa_right.notification > #fa_notifications, #fa_right.welcome #fa_menu #fa_welcome {[size=18][b][/b][/size]
    background-color: #828F99 !important;[size=18][b][/b][/size]
    color: white !important;[size=18][b][/b][/size]
    }[size=18][b][/b][/size]
[size=18][b][/b][/size]
   [size=18][b][/b][/size]
    #fa_notifications.unread #notif_unread {[size=18][b][/b][/size]
    color: #FA0E21;[size=18][b][/b][/size]
    margin-left: 5px;[size=18][b][/b][/size]
    font-weight: bold;[size=18][b][/b][/size]
    }

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

للامانه الموضوع منقول من منتدى الدعم الروسى وتمت ترجمته واضافه بعض التعديلات فقط 

http://help.ahlamontada.com
Bebo
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.el3abkary.com/
мσѕтαƒα ∂єѕ
نائب الادارة

мσѕтαƒα ∂єѕ

ذكر
البلد : مصر
عدد المساهمات : 203
العمر : 25
تاريخ التسجيل : 07/06/2015
السٌّمعَة : 0

اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي Empty
مُساهمةموضوع: رد: اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي   اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي Emptyالجمعة 15 يوليو - 10:17

شكرا لك 
تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد Css للتحكم الكامل بشريط الاشعارات لمنتديات احلي منتدي
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  كود وضع صورة بجانب المجموعات لمنتديات احلي منتدي
» كود بوابة جميلة لمنتديات احلي منتدي
» لوحة شرف مكودة لمنتديات احلي منتدي
» كود جعل صورة العضو دائرية لمنتديات احلي منتدي
» كود اسماء الاقسام مثل الفي بي لمنتديات احلي منتدي

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