Mr.habadi عضو ستار إبداع
| موضوع: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم السبت يونيو 11, 2016 11:15 pm | |
| كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعمالسلام عليكم ورحمة الله وبركاتهاقدم لكم كود جميل جدا لتنسيق عارضة المنتدى بشكل احترافي خلاب صورة للكودبلون الاخضر الكــود - الكود:
-
[b][/b] #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {[b][/b] background-color: #88BA56!important;[b][/b] border-color: #88BA56!important;[b][/b] color: #FFF!important;[b][/b] }[b][/b] #notif_list li.see_all {[b][/b] background: #88BA56!important;[b][/b] }[b][/b] #fa_right #notif_list {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD!important;[b][/b] border-radius: 3px;[b][/b] box-shadow: 0 6px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 18px!important;[b][/b] }[b][/b] #notif_list:before {[b][/b] content: url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');[b][/b] position: absolute;[b][/b] right: 10%;[b][/b] top: -10px;[b][/b] }[b][/b] #fa_menulist {[b][/b] display: none;[b][/b] position: absolute;[b][/b] list-style-type: none;[b][/b] margin: 0px;[b][/b] padding: 0px 10px;[b][/b] background-color: #FFFFFF;[b][/b] min-width: 175px;[b][/b] width: auto;[b][/b] border: 1px solid #333333;[b][/b] line-height: 32px;[b][/b] border-top: 0px solid #FFFFFF;[b][/b] z-index: 999;[b][/b] }[b][/b] #fa_menulist, #fa_toolbar #fa_right #notif_list {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD!important;[b][/b] border-radius: 3px;[b][/b] box-shadow: 0 6px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 18px!important;[b][/b] }[b][/b] #fa_toolbar {[b][/b] border-bottom: 1px solid #CCC;[b][/b] }[b][/b] #fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {[b][/b] content: url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');[b][/b] position: absolute;[b][/b] right: 10%;[b][/b] top: -10px;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD;[b][/b] border-bottom-width: 2px;[b][/b] border-radius: 3px!important;[b][/b] box-shadow: 0 3px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 5px;[b][/b] opacity: 1!important;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification .content {[b][/b] padding-left: 40px;[b][/b] display: inline-block;[b][/b] background-image: url('http://www.illiweb.com/fa/notifications/notifications.png');[b][/b] background-repeat: no-repeat;[b][/b] height: 32px;[b][/b] font-size: 11px;[b][/b] color: #fff;[b][/b] overflow: hidden;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification .content {[b][/b] background-image: url(http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png)!important;[b][/b] color: #555!important;[b][/b] }[b][/b] #fa_toolbar :link, #fa_toolbar :visited {[b][/b] color: #88BB55;[b][/b] }[b][/b] #fa_hide, #fa_show {[b][/b] background: url(http://i21.servimg.com/u/f21/19/34/58/13/untitl12.png) no-repeat 0 0 transparent!important;[b][/b] }[b][/b] #fa_right #fa_hide {[b][/b] background-color: transparent!important;[b][/b] border: none!important;[b][/b] margin-top: 0!important;[b][/b] padding: 0!important;[b][/b] transition: none!important;[b][/b] }[b][/b] #fa_hide:hover {[b][/b] background-position: -30px 0!important;[b][/b] }[b][/b] #fa_show {[b][/b] background-position: -60px 0!important;[b][/b] }[b][/b] #fa_show:hover {[b][/b] background-position: -90px 0!important;[b][/b] }[b][/b] #fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {[b][/b] background-color: transparent!important;[b][/b] border: 1px solid #88BA56!important;[b][/b] border-radius: 3px!important;[b][/b] color: #88BA56!important;[b][/b] font-size: 11px!important;[b][/b] font-weight: 700!important;[b][/b] line-height: 22px!important;[b][/b] margin-top: 3px!important;[b][/b] padding: 0 6px!important;[b][/b] text-decoration: none!important;[b][/b] transition: 200ms;[b][/b] }[b][/b] [b][/b] /* search bar */[b][/b] #fa_search { position:relative }[b][/b] [b][/b] #fa_search #fa_magnifier {[b][/b] background:url('http://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #1860DB !important;[b][/b] border:1px solid #88BA56;[b][/b] border-left:none;[b][/b] border-radius:0 3px 3px 0;[b][/b] height:22px !important;[b][/b] width:22px !important;[b][/b] top:3px;[b][/b] right:0px;[b][/b] }[b][/b] [b][/b] #fa_search #fa_textarea {[b][/b] background: #88BA56!important;[b][/b] border: 1px solid #88BA56!important;[b][/b] border-radius: 3px 0 0 3px!important;[b][/b] color: #88BA56!important;[b][/b] cursor: text;[b][/b] font-size: 12px!important;[b][/b] height: 16px!important;[b][/b] line-height: 12px!important;[b][/b] margin-right: 23px!important;[b][/b] padding: 3px 0 3px 1px !important;[b][/b] transition: 300ms;[b][/b] width: 0!important;[b][/b] }[b][/b] #fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus {[b][/b] color:#FFF !important;[b][/b] background: #FFF!important[b][/b] width:150px !important;[b][/b] padding:3px !important;[b][/b] outline:none;[b][/b] }[b][/b] #fa_search #fa_magnifier {[b][/b] background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #88BA56!important;[b][/b] border: 1px solid #88BA56;[b][/b] border-left: none;[b][/b] border-radius: 0 3px 3px 0;[b][/b] height: 22px!important;[b][/b] right: 0;[b][/b] top: 3px;[b][/b] width: 22px!important;[b][/b] }[b][/b] #fa_share a {[b][/b] background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 0 0 transparent!important;[b][/b] border-radius: 25px;[b][/b] height: 25px!important;[b][/b] margin: -2px 3px 0!important;[b][/b] width: 25px!important;[b][/b] }[b][/b] a#fa_fb {[b][/b] background-position: -50px 0!important;[b][/b] }[b][/b] a#fa_fb:hover {[b][/b] background-position: -75px 0!important;[b][/b] }[b][/b] a#fa_twitter {[b][/b] background-position: 0 0!important;[b][/b] }[b][/b] a#fa_twitter:hover {[b][/b] background-position: -25px 0!important;[b][/b] }[b][/b] a#fa_gp {[b][/b] background-position: -98px 0!important;[b][/b] }[b][/b] a#fa_gp:hover {[b][/b] background-position: -123px 0!important;[b][/b] }[b][/b] a#fa_mail {[b][/b] background-position: -150px 0!important;[b][/b] }[b][/b] a#fa_mail:hover {[b][/b] background-position: -175px 0!important;[b][/b] }[b][/b] a#fa_rss {[b][/b] background-position: -199px 0!important;[b][/b] }[b][/b] a#fa_rss:hover {[b][/b] background-position: -224px 0!important;[b][/b] }[b][/b] #fa_share a:hover:after {[b][/b] background: #88BA56;[b][/b] height: 25px;[b][/b] margin-left: 0;[b][/b] margin-top: 0;[b][/b] width: 25px;[b][/b] }[b][/b] #fa_share a:after {[b][/b] background: transparent;[b][/b] border-radius: 30px;[b][/b] content: ".";[b][/b] display: block;[b][/b] font-size: 0;[b][/b] height: 35px;[b][/b] margin-left: -5px;[b][/b] margin-top: -5px;[b][/b] position: absolute;[b][/b] transition: 250ms;[b][/b] width: 35px;[b][/b] z-index: -1;[b][/b] } الكـــود2 وهنا باللون الابيض - الكود:
-
[b][/b] #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {[b][/b] background-color: #88BA56!important;[b][/b] border-color: #88BA56!important;[b][/b] color: #FFF!important;[b][/b] }[b][/b] #notif_list li.see_all {[b][/b] background: #88BA56!important;[b][/b] }[b][/b] #fa_right #notif_list {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD!important;[b][/b] border-radius: 3px;[b][/b] box-shadow: 0 6px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 18px!important;[b][/b] }[b][/b] #notif_list:before {[b][/b] content: url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');[b][/b] position: absolute;[b][/b] right: 10%;[b][/b] top: -10px;[b][/b] }[b][/b] #fa_menulist {[b][/b] display: none;[b][/b] position: absolute;[b][/b] list-style-type: none;[b][/b] margin: 0px;[b][/b] padding: 0px 10px;[b][/b] background-color: #FFFFFF;[b][/b] min-width: 175px;[b][/b] width: auto;[b][/b] border: 1px solid #333333;[b][/b] line-height: 32px;[b][/b] border-top: 0px solid #FFFFFF;[b][/b] z-index: 999;[b][/b] }[b][/b] #fa_menulist, #fa_toolbar #fa_right #notif_list {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD!important;[b][/b] border-radius: 3px;[b][/b] box-shadow: 0 6px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 18px!important;[b][/b] }[b][/b] #fa_toolbar {[b][/b] border-bottom: 1px solid #CCC;[b][/b] }[b][/b] #fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {[b][/b] content: url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');[b][/b] position: absolute;[b][/b] right: 10%;[b][/b] top: -10px;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification {[b][/b] background: #FFF!important;[b][/b] border: 1px solid #DDD;[b][/b] border-bottom-width: 2px;[b][/b] border-radius: 3px!important;[b][/b] box-shadow: 0 3px 12px rgba(0,0,0,0.175);[b][/b] margin-top: 5px;[b][/b] opacity: 1!important;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification .content {[b][/b] padding-left: 40px;[b][/b] display: inline-block;[b][/b] background-image: url('http://www.illiweb.com/fa/notifications/notifications.png');[b][/b] background-repeat: no-repeat;[b][/b] height: 32px;[b][/b] font-size: 11px;[b][/b] color: #fff;[b][/b] overflow: hidden;[b][/b] }[b][/b] #fa_toolbar #live_notif .fa_notification .content {[b][/b] background-image: url(http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png)!important;[b][/b] color: #555!important;[b][/b] }[b][/b] #fa_toolbar :link, #fa_toolbar :visited {[b][/b] color: #88BB55;[b][/b] }[b][/b] #fa_hide, #fa_show {[b][/b] background: url(http://i21.servimg.com/u/f21/19/34/58/13/untitl12.png) no-repeat 0 0 transparent!important;[b][/b] }[b][/b] #fa_right #fa_hide {[b][/b] background-color: transparent!important;[b][/b] border: none!important;[b][/b] margin-top: 0!important;[b][/b] padding: 0!important;[b][/b] transition: none!important;[b][/b] }[b][/b] #fa_hide:hover {[b][/b] background-position: -30px 0!important;[b][/b] }[b][/b] #fa_show {[b][/b] background-position: -60px 0!important;[b][/b] }[b][/b] #fa_show:hover {[b][/b] background-position: -90px 0!important;[b][/b] }[b][/b] #fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {[b][/b] background-color: transparent!important;[b][/b] border: 1px solid #FFF!important;[b][/b] border-radius: 3px!important;[b][/b] color: #FFF!important;[b][/b] font-size: 11px!important;[b][/b] font-weight: 700!important;[b][/b] line-height: 22px!important;[b][/b] margin-top: 3px!important;[b][/b] padding: 0 6px!important;[b][/b] text-decoration: none!important;[b][/b] transition: 200ms;[b][/b] }[b][/b] [b][/b] /* search bar */[b][/b] #fa_search { position:relative }[b][/b] [b][/b] #fa_search #fa_magnifier {[b][/b] background:url('http://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #1860DB !important;[b][/b] border:1px solid #88BA56;[b][/b] border-left:none;[b][/b] border-radius:0 3px 3px 0;[b][/b] height:22px !important;[b][/b] width:22px !important;[b][/b] top:3px;[b][/b] right:0px;[b][/b] }[b][/b] [b][/b] #fa_search #fa_textarea {[b][/b] background: #88BA56!important;[b][/b] border: 1px solid #88BA56!important;[b][/b] border-radius: 3px 0 0 3px!important;[b][/b] color: #88BA56!important;[b][/b] cursor: text;[b][/b] font-size: 12px!important;[b][/b] height: 16px!important;[b][/b] line-height: 12px!important;[b][/b] margin-right: 23px!important;[b][/b] padding: 3px 0 3px 1px !important;[b][/b] transition: 300ms;[b][/b] width: 0!important;[b][/b] }[b][/b] #fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus {[b][/b] color:#FFF !important;[b][/b] background: #FFF!important[b][/b] width:150px !important;[b][/b] padding:3px !important;[b][/b] outline:none;[b][/b] }[b][/b] #fa_search #fa_magnifier {[b][/b] background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #88BA56!important;[b][/b] border: 1px solid #88BA56;[b][/b] border-left: none;[b][/b] border-radius: 0 3px 3px 0;[b][/b] height: 22px!important;[b][/b] right: 0;[b][/b] top: 3px;[b][/b] width: 22px!important;[b][/b] }[b][/b] #fa_share a {[b][/b] background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 0 0 transparent!important;[b][/b] border-radius: 25px;[b][/b] height: 25px!important;[b][/b] margin: -2px 3px 0!important;[b][/b] width: 25px!important;[b][/b] }[b][/b] a#fa_fb {[b][/b] background-position: -50px 0!important;[b][/b] }[b][/b] a#fa_fb:hover {[b][/b] background-position: -75px 0!important;[b][/b] }[b][/b] a#fa_twitter {[b][/b] background-position: 0 0!important;[b][/b] }[b][/b] a#fa_twitter:hover {[b][/b] background-position: -25px 0!important;[b][/b] }[b][/b] a#fa_gp {[b][/b] background-position: -98px 0!important;[b][/b] }[b][/b] a#fa_gp:hover {[b][/b] background-position: -123px 0!important;[b][/b] }[b][/b] a#fa_mail {[b][/b] background-position: -150px 0!important;[b][/b] }[b][/b] a#fa_mail:hover {[b][/b] background-position: -175px 0!important;[b][/b] }[b][/b] a#fa_rss {[b][/b] background-position: -199px 0!important;[b][/b] }[b][/b] a#fa_rss:hover {[b][/b] background-position: -224px 0!important;[b][/b] }[b][/b] #fa_share a:hover:after {[b][/b] background: #88BA56;[b][/b] height: 25px;[b][/b] margin-left: 0;[b][/b] margin-top: 0;[b][/b] width: 25px;[b][/b] }[b][/b] #fa_share a:after {[b][/b] background: transparent;[b][/b] border-radius: 30px;[b][/b] content: ".";[b][/b] display: block;[b][/b] font-size: 0;[b][/b] height: 35px;[b][/b] margin-left: -5px;[b][/b] margin-top: -5px;[b][/b] position: absolute;[b][/b] transition: 250ms;[b][/b] width: 35px;[b][/b] z-index: -1;[b][/b] } دمتـــــــــــــــــــــــــــــــم بخير | |
|
YouceF مؤسس المنتدى
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم السبت يونيو 11, 2016 11:15 pm | |
| | |
|
V.I.P مؤسس المنتدى
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم السبت يونيو 11, 2016 11:16 pm | |
| كود جميل جدا بارك الله فيك | |
|
صرخة ألم المدير التنفيذي
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم السبت يونيو 11, 2016 11:20 pm | |
| | |
|
AM!R مرشح دردشة
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم الثلاثاء يونيو 14, 2016 8:15 pm | |
| | |
|
~|وزير الدعم|~ عضو نشيط
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم الأربعاء يونيو 15, 2016 12:41 pm | |
| منتدى الدعم اصبح شكله جديد هدا كود العارضة القديمة على العموم واصل يا محترف | |
|
L.Mogdad المدير التنفيذي
| موضوع: رد: كود css عارضة المنتدى بشكل احترافي . عارضة تشبة منتدى الدعم الأربعاء يونيو 15, 2016 1:32 pm | |
| شكرا اخي الغاليي على الطرح الرائع ,,,,, واصل تالقك .... مع جزيل الشكر ..." :تحية مع الشكر: | |
|