المديرة مؤسس الموقع
عـدد آلمساهمات : 2300 السٌّـــــمعَـــــة : 4 تــــآريـــخ المِيــــــلاد : 01/06/1988 تاريخ التسجيل : 10/09/2013 المـــوقع : https://moslima.banouta.net
| موضوع: كود CSS للتحكم الكلي لشريـط الاشعارات الخميس فبراير 20, 2014 1:29 am | |
| السلام عليكم ورحمه الله وبركاته
يسعدني ان اقدم لكم شريط التحكم الكامل بشريط الاشعارات اتمنى ان يعجبكم وهي مجموعة من الاكواد التي تسمح لك بتيير الاشعارات حسب ما تريد وللأمانة الموضوع منقول من احلى منتدى اتمنى ان ينال اعجابكم
وهده هي مجموعة من الاكواد التي تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه
بسم الله نبدأ
الكود الاول
كود تغير لون خلفيه الشريط
الكود: ---------تضليل المحتوى - الكود:
-
#fa_toolbar, #fa_toolbar_hidden { background-color: #fff !important; }
ضع مكان #fff اللون الذى تريده صوره بعد التغير
ثانيا : كود حذف مربع البحث
الصوره قبل
بعد
الكود
الكود: ---------تضليل المحتوى - الكود:
-
#fa_search { display: none !important; }
ثالثا : كود حذف ازرار شاطر
صوره قبل استخدام الكود
بعد
الكود :
الكود: ---------تضليل المحتوى - الكود:
-
#fa_share { display: none !important; }
رابعا : كود تغير لون الاشعارات
صوره بعد استخدام الكود
الكود
الكود: ---------تضليل المحتوى - الكود:
-
#fa_notifications.unread #notif_unread { color: #FA0E21; margin-left: 5px; font-weight: bold; }
غير اللون #FA0E21 باللون الذى تريده
خامسا: تطوير الاسم والاشعارات
الصور قبل
البيانات الشخصيه
الاشعارات
بعد استخدام الكود
الان الكود
الكود:---------تضليل المحتوى - الكود:
-
#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; }
بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك
الان والكود الاخير وهو كود كامل لتصغير الشريط وجعله متقدم مع التحكم فيه
صوره قبل
صوره بعد الكود
الكود
الكود: ---------تضليل المحتوى - الكود:
-
#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; }
بكده نكون انتهينا من الموضوع
للامانه الموضوع منقول من احلى منتدى
اتمنى ان ينال الموضوع اعجابكم
| |
|
الفلكي محمد عضو شرف
عـدد آلمساهمات : 2122 السٌّـــــمعَـــــة : 1 تــــآريـــخ المِيــــــلاد : 17/04/1961 تاريخ التسجيل : 21/12/2013 المـــوقع : منتدى الفلكي محمد
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الخميس فبراير 20, 2014 7:44 pm | |
| سلمت الانامل التي خطت تلك الحروف كلمات تعبق بالحب والجمال وحروف صاغتها أناملك الرقيقة من الدرر والمرجان دمتم بكل الحب والخير والجمال | |
|
امين عضو شرف
عـدد آلمساهمات : 897 السٌّـــــمعَـــــة : 0 تاريخ التسجيل : 19/10/2013 المـــوقع : http://www.ahladalil.net/
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الخميس فبراير 20, 2014 9:26 pm | |
| جزااك الله خيرا الف شكر على الموضوع االقيم كل الحب والتقيم للطرح المميز | |
|
أمير الاحساس عضو شرف
عـدد آلمساهمات : 674 السٌّـــــمعَـــــة : 0 تــــآريـــخ المِيــــــلاد : 03/01/1991 تاريخ التسجيل : 24/01/2014
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الجمعة فبراير 21, 2014 8:32 pm | |
| روٌوعًه برُوعتًك يالغًلآ .. ولا َعَدِمَناك ع الطرح الانيق ..لكَِ وَآفِرُ اَلْشُكِْرِ .. وِدِيَ..وَشّذَىَ وَرْدِيَ..
| |
|
لارا عضو شرف
عـدد آلمساهمات : 563 السٌّـــــمعَـــــة : 2 تــــآريـــخ المِيــــــلاد : 12/11/1980 تاريخ التسجيل : 05/11/2013
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الأحد فبراير 23, 2014 1:57 am | |
| آللهْ يعطيكِ آلفْ ع ـآفيهْ جع ـلهُ آللهْ فيّ ميزآنْ حسنآتِك أنآرَ آللهْ بصيرتِك وَ بصرِك بـ نور آلإيمآنْ شآهِد لِكِ يومـ آلع ـرض وَ آلميزآنْ وَ ثبتِك علىـآ آلسُنهْ وَ آلقُرآنْ لِكِ جِنآنَ آلورد مِنَ آلجوريّ وَ جع ـلهُ في يميزان حسناتك
| |
|
مرساوي وأفتخر عضو شرف
عـدد آلمساهمات : 443 السٌّـــــمعَـــــة : 0 تاريخ التسجيل : 15/11/2013
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الأحد فبراير 23, 2014 8:27 pm | |
| شكرا علي الموضوع الجميل . | |
|
mrghozzi عضو شرف
عـدد آلمساهمات : 184 السٌّـــــمعَـــــة : 0 تــــآريـــخ المِيــــــلاد : 12/07/1992 تاريخ التسجيل : 24/02/2014
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الجمعة فبراير 28, 2014 11:27 pm | |
| l شكرااا على هذا الكود الرائع
|
| |
|
المديرة مؤسس الموقع
عـدد آلمساهمات : 2300 السٌّـــــمعَـــــة : 4 تــــآريـــخ المِيــــــلاد : 01/06/1988 تاريخ التسجيل : 10/09/2013 المـــوقع : https://moslima.banouta.net
| موضوع: رد: كود CSS للتحكم الكلي لشريـط الاشعارات الخميس مارس 27, 2014 11:41 am | |
| شكرا لمروركم الكريم لموضـوعي بارك الله فيكم | |
|