منتدى عشاق التطوير
لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انضم إلى المنتدى ، فالأمر سريع وسهل

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

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

2 مشترك
منتدى عشاق التطوير :: تطوير المواقع :: طور موقعك معنا :: اكواد css
اذهب الى الأسفل
Amr
Amr
مؤسس المنتدى

ذكر القوس
عدد المساهمات : 3461
السٌّمعَة : 34
تاريخ الميلاد : 30/11/1996
تاريخ التسجيل : 04/02/2011
العمر : 27
+

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

السبت نوفمبر 30, 2013 3:24 pm
السلام عليكم ورحمه الله وبركاته 

طبعا نشكر الزعيم على شريط الاشعارات الرائع الذى تم تركيبه على منتديات احلى منتدى {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 201477 

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

بسم الله نبدأ 

الكود الاول

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



ضع مكان #fff اللون الذى تريده 
صوره بعد التغير
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 110

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

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

الصوره قبل 

{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 210


بعد

{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 210



الكود







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

صوره قبل استخدام الكود
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 410



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

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

{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 610


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

الكود



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

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

الصور قبل 

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

تكبير الصورة معاينة الأبعاد الأصلية.
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 710

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

الاشعارات
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 810
بعد استخدام الكود
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 910
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 1010

الان الكود



الكود:
    #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;
    }
[hide][/hide]

بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 201477 


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

صوره قبل
{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 1110

صوره بعد الكود {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 201477 

{حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 1210


الكود




الكود:
#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;
    }
[hide][/hide]

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

للامانه الموضوع منقول من منتدى الدعم الروسى {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 572819 وتمت ترجمته واضافه بعض التعديلات فقط {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 829894 


برجاء عدم النقل دون ذكر المصدر 
http://help.ahlamontada.com
Bebo
بالتوفيق للجميع {حصريا} اكواد Css للتحكم الكامل بشريط الاشعارات 829894 


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

vandam
vandam
...::|مشرف عـام |::...

...::|مشرف عـام |::...
ذكر عدد المساهمات : 2538
السٌّمعَة : 10
تاريخ التسجيل : 19/07/2011
+

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

الأربعاء ديسمبر 11, 2013 5:22 pm
شكرآ جزيلا على الموضوع الرائع و المميز 

 

بارك الله فيك اخي ... 
ننتظر منك الكثير من خلال ابداعاتك المميزة 
لك منـــــــ اجمل تحية ــــــــــي
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى