منتدى عشـاق الالــوان
عزيزي الزائر / عزيزتي الزائرة
اهلا سهلا بيك معنا في منتدى عشــــــاق الالــــوان
يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا

او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا كود   CSS للتحكم الكلي  لشريـط الاشعارات  829894
ادارة المنتدي


القرآن الكريم كل ما يتعلق بالقرآن الكريم وعلومه ركن المراة وقسم المهارات اليدوية والتعليم
 
الرئيسيةالبوابةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر
 

 كود CSS للتحكم الكلي لشريـط الاشعارات

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

المغرب
انثى
عـدد آلمساهمات : 2300
السٌّـــــمعَـــــة : 4
تــــآريـــخ المِيــــــلاد : 01/06/1988
تاريخ التسجيل : 10/09/2013
المـــوقع : http://moslima.banouta.net

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالخميس فبراير 20, 2014 1:29 am

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

يسعدني ان اقدم لكم شريط التحكم الكامل بشريط الاشعارات اتمنى ان يعجبكم
وهي مجموعة من الاكواد التي تسمح لك بتيير الاشعارات حسب ما تريد وللأمانة
الموضوع منقول من احلى منتدى اتمنى ان ينال اعجابكم
كود   CSS للتحكم الكلي  لشريـط الاشعارات  201477

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

بسم الله نبدأ

الكود الاول

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


الكود: ---------تضليل المحتوى

الكود:

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


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


كود   CSS للتحكم الكلي  لشريـط الاشعارات  110

 cherry 

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

الصوره قبل
كود   CSS للتحكم الكلي  لشريـط الاشعارات  210

بعد


كود   CSS للتحكم الكلي  لشريـط الاشعارات  210

الكود

الكود: ---------تضليل المحتوى

الكود:

    #fa_search {
    display: none !important;
    }


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

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

كود   CSS للتحكم الكلي  لشريـط الاشعارات  410


بعد

كود   CSS للتحكم الكلي  لشريـط الاشعارات  510



الكود :

الكود: ---------تضليل المحتوى

الكود:

    #fa_share {
    display: none !important;
    }


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

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

كود   CSS للتحكم الكلي  لشريـط الاشعارات  610



الكود

الكود: ---------تضليل المحتوى

الكود:

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


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

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

الصور قبل

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

كود   CSS للتحكم الكلي  لشريـط الاشعارات  710



الاشعارات

كود   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;
    }


بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك كود   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;
    }



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

للامانه الموضوع  منقول من احلى منتدى كود   CSS للتحكم الكلي  لشريـط الاشعارات  572819كود   CSS للتحكم الكلي  لشريـط الاشعارات  829894


اتمنى ان ينال الموضوع اعجابكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://moslima.banouta.net
الفلكي محمد
عضو شرف
عضو شرف
الفلكي محمد

فلسطين
ذكر
عـدد آلمساهمات : 2122
السٌّـــــمعَـــــة : 1
تــــآريـــخ المِيــــــلاد : 17/04/1961
تاريخ التسجيل : 21/12/2013
المـــوقع : منتدى الفلكي محمد

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالخميس فبراير 20, 2014 7:44 pm

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

دمتم بكل الحب والخير والجمال
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mhmd623.cinebb.com/
امين
عضو شرف
عضو شرف
امين

ذكر
عـدد آلمساهمات : 897
السٌّـــــمعَـــــة : 0
تاريخ التسجيل : 19/10/2013
المـــوقع : http://www.ahladalil.net/

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالخميس فبراير 20, 2014 9:26 pm

جزااك الله خيرا
الف شكر على الموضوع االقيم
كل الحب والتقيم للطرح
المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ahladalil.net/
أمير الاحساس
عضو شرف
عضو شرف
أمير الاحساس

عـدد آلمساهمات : 674
السٌّـــــمعَـــــة : 0
تــــآريـــخ المِيــــــلاد : 03/01/1991
تاريخ التسجيل : 24/01/2014

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالجمعة فبراير 21, 2014 8:32 pm


روٌوعًه برُوعتًك يالغًلآ ..
ولا َعَدِمَناك ع الطرح الانيق
..لكَِ وَآفِرُ اَلْشُكِْرِ ..
وِدِيَ..وَشّذَىَ وَرْدِيَ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
لارا
عضو شرف
عضو شرف
لارا

غير معروف
انثى
عـدد آلمساهمات : 563
السٌّـــــمعَـــــة : 2
تــــآريـــخ المِيــــــلاد : 12/11/1980
تاريخ التسجيل : 05/11/2013

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالأحد فبراير 23, 2014 1:57 am

آللهْ يعطيكِ آلفْ ع ـآفيهْ
جع ـلهُ آللهْ فيّ ميزآنْ حسنآتِك
أنآرَ آللهْ بصيرتِك وَ بصرِك بـ نور آلإيمآنْ شآهِد لِكِ يومـ آلع ـرض وَ آلميزآنْ
وَ ثبتِك علىـآ آلسُنهْ وَ آلقُرآنْ
لِكِ جِنآنَ آلورد مِنَ آلجوريّ
وَ جع ـلهُ في يميزان حسناتك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
مرساوي وأفتخر
عضو شرف
عضو شرف
مرساوي وأفتخر

عـدد آلمساهمات : 443
السٌّـــــمعَـــــة : 0
تاريخ التسجيل : 15/11/2013

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالأحد فبراير 23, 2014 8:27 pm

شكرا علي الموضوع الجميل .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
mrghozzi
عضو شرف
عضو شرف
mrghozzi

عـدد آلمساهمات : 184
السٌّـــــمعَـــــة : 0
تــــآريـــخ المِيــــــلاد : 12/07/1992
تاريخ التسجيل : 24/02/2014

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالجمعة فبراير 28, 2014 11:27 pm

lكود   CSS للتحكم الكلي  لشريـط الاشعارات  Do

شكرااا على هذا الكود الرائع

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Do


الرجوع الى أعلى الصفحة اذهب الى الأسفل
المديرة
مؤسس الموقع
مؤسس الموقع
المديرة

المغرب
انثى
عـدد آلمساهمات : 2300
السٌّـــــمعَـــــة : 4
تــــآريـــخ المِيــــــلاد : 01/06/1988
تاريخ التسجيل : 10/09/2013
المـــوقع : http://moslima.banouta.net

كود   CSS للتحكم الكلي  لشريـط الاشعارات  Empty
مُساهمةموضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات    كود   CSS للتحكم الكلي  لشريـط الاشعارات  I_icon_minitimeالخميس مارس 27, 2014 11:41 am

شكرا لمروركم الكريم لموضـوعي بارك الله فيكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://moslima.banouta.net
 
كود CSS للتحكم الكلي لشريـط الاشعارات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

-
انتقل الى: