هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

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

power_settings_newقم بتسجيل الدخول للرد
+15
ويلي وليام
VaMoS AmR
lam_masal
Witcher
أنا احمد
مصطفى ستيتان
سمير العجيلي
انور زياية
MAIKO
Senior Oussama
Quartz360
AmEr Dz
S N I P E R S
Yassine Bablil
Mr.M!Do
19 مشترك

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

more_horiz

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

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

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

بسم الله نبدأ

الكود الاول

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



الكود:


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

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




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

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

الصوره قبل


بعد




الكود



الكود:


    #fa_search {
    display: none !important;
    }

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

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


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

الكود



الكود:


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

غير اللون #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

الان الكود



الكود:



    #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;
    }

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


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

صوره قبل


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

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



https://i.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://help.ahlamontada.com
Bebo
اتمنى الدعاء لى ولوالدين بالرحمه والمغفره


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

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
تمت التحربة / ينقل للقسم المناسب

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا لك 

كود جميل

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا لك

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
اكواد جميلة ورائعة .
شكراً لك . tongue

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا جزيلا على الموضوع
.
.
.
.
نرجوا المزيد

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
يسلمو الايادي شكرا

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا لك

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz

أإسـ عٍ ـد الله أإأوٍقـآتَكُـم بكُـل خَ ـيرٍ

دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ

أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

لك الشكر من كل قلبى

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
بارك الله فيك أخي الكريم

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا على الاكواد الجميله والرئعه

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكر جزيلا للطرح القيم   اكواد Css للتحكم الكامل بشريط الاشعارات 886773 .

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
بالتوفيق بالتوفيق

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
أإسـ عٍ ـد الله أإأوٍقـآتَكُـم بكُـل خَ ـيرٍ


دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ


أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ


لك الشكر من كل قلبى

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
واصل اخي الكريم واصل اخي الكريم واصل اخي الكريم واصل اخي الكريم واصل اخي الكريم

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
كل الشكر والتقدير
 نترقب منك المزيد

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
شكرا على الكود المميز

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
يعطيكـ العآفيهـ

بـ إنتظارجديدك بكل شوق

ودي ووردي

description اكواد Css للتحكم الكامل بشريط الاشعارات Emptyرد: اكواد Css للتحكم الكامل بشريط الاشعارات

more_horiz
كود جميل واصل عزيزي



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

جميع الحقوق محفوظة لدليل الاشهار العربي