المنشوراتاكواد Css للتحكم الكامل بشريط الاشعارات
العالم العربي :: الكمبيوتر والجوالات وتطويرالمواقع والمنتديات :: الكمبيوتر والأنترنت :: التطوير ولغات البرمجة :: تطوير منتديات أحلى منتدى :: الأكواد و التقنيات
صفحة 1 من اصل 1 • شاطر
اكواد Css للتحكم الكامل بشريط الاشعارات
من طرف Ch.Marwen الثلاثاء 31 مارس 2015, 11:19
السلام عليكم ورحمه الله وبركاته
الان مجموعه اكواد تجعلك تتحكم بشريط الاشعارات بشكل كام تقريبا كأنك الى مركبه
بسم الله نبدأ
الكود الاول
كود تغير لون خلفيه الشريط
الرمز:
- الكود:
[center][b][size=18][font=Comic Sans MS] #fa_toolbar, #fa_toolbar_hidden {[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] background-color: #fff !important;[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
ضع مكان [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] اللون الذى تريده
صوره بعد التغير
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثانيا : كود حذف مربع البحث
الصوره قبل
بعد
الكود
الرمز:
- الكود:
[center][b][size=18][font=Comic Sans MS] #fa_search {[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] display: none !important;[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
ثالثا : كود حذف ازرار شاطر
صوره قبل استخدام الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود :
الرمز:
- الكود:
[center][b][size=18][font=Comic Sans MS] #fa_share {[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] display: none !important;[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
رابعا : كود تغير لون الاشعارات
صوره بعد استخدام الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
الرمز:
- الكود:
[center][b][size=18][font=Comic Sans MS] #fa_notifications.unread #notif_unread {[/font][/size][/b][/center]
color: #FA0E21;
margin-left: 5px;
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] font-weight: bold;[/font][/size][/b][/center]
غير اللون [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] باللون الذى تريده
خامسا: تطوير الاسم والاشعارات
الصور قبل
البيانات الشخصيه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الاشعارات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد استخدام الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان الكود
الرمز:
- الكود:
[center][/center]
[center][b][size=18][font=Comic Sans MS] #fa_menulist, #notif_list {[/font][/size][/b][/center]
margin-top: 5px !important;
[center][b][size=18][font=Comic Sans MS] border-color: transparent !important;[/font][/size][/b][/center]
border-radius: 6px !important;
[center][b][size=18][font=Comic Sans MS] -webkit-border-radius: 6px !important;[/font][/size][/b][/center]
-moz-border-radius: 6px !important;
[center][b][size=18][font=Comic Sans MS] -webkit-box-shadow: -1px 3px 5px #000;[/font][/size][/b][/center]
-moz-box-shadow: -1px 3px 5px #000;
box-shadow: -1px 3px 5px #000;
[center][b][size=18][font=Comic Sans MS] color: #000 !important;[/font][/size][/b][/center]
background-color: #fff;
}
.see_all, .see_all a {
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS] background-color: transparent !important;[/font][/size][/b][/center]
بأمكانك التغير طبعا سواء الخلفيه او الظل حسب ماتريد وحسب اعدادتك
الان والكود الاخير وهو كود كامل لتصغير الشريط وجعله متقدم مع التحكم فيه
صوره قبل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
صوره بعد الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
الرمز:
- الكود:
[center][b][size=18][font=Comic Sans MS]#fa_toolbar {[/font][/size][/b][/center]
[center][b][size=18][font=Comic Sans MS]background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important; [/font][/size][/b][/center]
border-bottom:ridge 2px #B38000!important;
}
#fa_toolbar_hidden {
[center][b][size=18][font=Comic Sans MS]}[/font][/size][/b][/center]
background-image:url(http://i40.servimg.com/u/f40/16/80/18/01/anoan10.jpg)!important;
body {
margin-top: 40px;
}
[center][b][size=18][font=Comic Sans MS] [/font][/size][/b][/center]
#fa_toolbar, #fa_toolbar_hidden {
background-color: transparent !important;
}
#fa_search {
display: none !important;
}
#fa_share {
[center][b][size=18][font=Comic Sans MS] border-bottom-right-radius: 6px;[/font][/size][/b][/center]
display: none !important;
}
#fa_left {
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-box-shadow: -1px 1px 5px #000000;
[center][b][size=18][font=Comic Sans MS] -moz-border-radius-bottomleft: 6px;[/font][/size][/b][/center]
-webkit-box-shadow: -1px 1px 5px #000000;
box-shadow: -1px 1px 5px #000000;
padding-right: 10px;
}
#fa_right {
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
[center][b][size=18][font=Comic Sans MS] margin-top: 3px !important;[/font][/size][/b][/center]
-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;
[center][b][size=18][font=Comic Sans MS] box-shadow: -1px 3px 5px #000000;[/font][/size][/b][/center]
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;
[center][b][size=18][font=Comic Sans MS] text-decoration: none !important; [/font][/size][/b][/center]
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 {
}
[center][b][size=18][font=Comic Sans MS] #fa_menulist a, #fa_menulist a:link, #fa_menulist a:visited, #notif_list a {[/font][/size][/b][/center]
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;
}
color: #666666 !important;
text-decoration: none !important;
}
[center][b][size=18][font=Comic Sans MS] #fa_notifications.unread #notif_unread {[/font][/size][/b][/center]
#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;
}
color: #FA0E21;
[center][b][size=18][font=Comic Sans MS] }[/font][/size][/b][/center]
margin-left: 5px;
[center][b][size=18][font=Comic Sans MS] font-weight: bold;[/font][/size][/b][/center]
بكده نكون انتهينا من الموضوع
اتمنى الدعاء لى ولوالدين بالرحمه والمغفره
والسلام عليكم ورحمه الله وبركاته
Ch.Marwen- الادارة العليا
- المتصفح :
الإقامة :
الجنس :
عدد المساهمات : 25405
نقاط : 103330942
تقييم : 7859
تاريخ الميلاد : 14/01/1990
تاريخ التسجيل : 11/02/2012
العمر : 34 -
-----
مواضيع مماثلة» كود css للتحكم في حجم الصور الشخصية
» اكواد وشفرات الاجهزة الصينية
» اكواد الاعطال في التكيف الاسبليت
» ۞ «زجاج ذكي» للتحكم بأشعة الضوء وحرارته ۞
» شرح اكواد الجافا وكيفية التعامل معها 2
» اكواد وشفرات الاجهزة الصينية
» اكواد الاعطال في التكيف الاسبليت
» ۞ «زجاج ذكي» للتحكم بأشعة الضوء وحرارته ۞
» شرح اكواد الجافا وكيفية التعامل معها 2
العالم العربي :: الكمبيوتر والجوالات وتطويرالمواقع والمنتديات :: الكمبيوتر والأنترنت :: التطوير ولغات البرمجة :: تطوير منتديات أحلى منتدى :: الأكواد و التقنيات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى