| | اكواد التحكم الكامل في شريط الاشعارات | |
| | كاتب الموضوع | رسالة |
---|
مصطفى المهدلى مؤسس الموقع
عدد المساهمات : 5306 تاريخ التسجيل : 24/03/2014 العمر : 38
| موضوع: اكواد التحكم الكامل في شريط الاشعارات السبت يونيو 07, 2014 10:32 am | |
| كود تغير لون خلفيه الشريط
الكود: ---------تضليل المحتوى - الكود:
-
#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
صوره بعد الكود
تكبير الصورة معاينة الأبعاد الأصلية. الكود: ---------تضليل المحتوى - الكود:
-
#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; }
|
| | | zoro1 نائب المدير العام وكبار الشخصيات
عدد المساهمات : 2530 تاريخ التسجيل : 02/04/2014
| موضوع: رد: اكواد التحكم الكامل في شريط الاشعارات الأحد يونيو 08, 2014 9:26 am | |
| كل الشكر والتقدير للجهد الطيب وللموضوعات المميزة اخى الكريم وجزاك الله كل خير يا غالى .................... |
| | | ابراهيم حمد مشرف قسم سترونج وسكاي
عدد المساهمات : 1922 تاريخ التسجيل : 21/07/2014 العمر : 39
| موضوع: رد: اكواد التحكم الكامل في شريط الاشعارات الأربعاء يوليو 23, 2014 10:48 am | |
| |
| | | عبدالدايم عصمت كبار شخصيات المنتدي
عدد المساهمات : 88 تاريخ التسجيل : 26/05/2014 العمر : 32
| موضوع: رد: اكواد التحكم الكامل في شريط الاشعارات السبت سبتمبر 13, 2014 5:09 pm | |
| |
| | | ابراهيم حمد مشرف قسم سترونج وسكاي
عدد المساهمات : 1922 تاريخ التسجيل : 21/07/2014 العمر : 39
| موضوع: رد: اكواد التحكم الكامل في شريط الاشعارات الجمعة سبتمبر 19, 2014 9:45 pm | |
| ابدعت في جميع المواضيع التي طرحتها .. جزاك الله خير الجزاء
مع خالص تحياتي وتقديري لمجهودك الكبير |
| | | ۩◄عبد العزيز شلبى►۩ رئيس مجلس الاداره بمنتديات الاستاذ سات
عدد المساهمات : 4618 تاريخ التسجيل : 24/11/2022
| موضوع: رد: اكواد التحكم الكامل في شريط الاشعارات الإثنين فبراير 27, 2023 2:12 am | |
| |
| | | | اكواد التحكم الكامل في شريط الاشعارات | |
|
| صلاحيات هذا المنتدى: | لاتستطيع الرد على المواضيع في هذا المنتدى
| |
| |
| |