تم النشر فى :07 - 10 - 2013
تواصل معى البيانات هويتى : عملى : عدد المساهمات : 15175 الجنس : ذكر العمر : 29 احترام قوانين المنتدي : السٌّمعَة : -6
موضوع: كود css التحكم الكامل فى شريط الاشعارات المنتدى
كود css التحكم الكامل فى شريط الاشعارات المنتدى
الان مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه بسم الله نبدأ الكود الاول كود تغير لون خلفيه الشريط الكود: #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; }
بكده نكون انتهينا من الموضوع توقيع : الادارة كريم
اللهم آتنا في الدنيا حسنة وفي الآخرة حسنة وقنا عذاب النار . اللهم إني أعوذ بك من الفقر ، والقلة والذلة وأعوذ بك من ان أَظلِم أو أُظلَم . يامقلب القلوب ثبت قلبي على دينك.