| موضوع: اكواد Css للتحكم الكامل بشريط الاشعارات الخميس 19 مارس 2015 - 18:15 | |
| السلام عليكم ورحمه الله وبركاته طبعا نشكر الزعيم على شريط الاشعارات الرائع الذى تم تركيبه على منتديات احلى منتدى الان مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه بسم الله نبدأ الكود الاول كود تغير لون خلفيه الشريط - الكود:
-
#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; } بكده نكون انتهينا من الموضوع للامانه الموضوع منقول من منتدى الدعم الروسى وتمت ترجمته واضافه بعض التعديلات فقط اتمنى الدعاء لى ولوالدين بالرحمه والمغفره والسلام عليكم ورحمه الله وبركاته |
|