coco-mimo عضو جديد
عدد المساهمات : 77 نقاطي : 99 السٌّمعَة : 0 تاريخ التسجيل * : 27/07/2013 ممتاز
| موضوع: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية الأربعاء أغسطس 21, 2013 6:39 pm | |
| | ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار كما وعدنا في منتدانا كل جديد و حصري و اكواد جديد تساعدكم على تطوير منتداكم المنتديات العربية شركة احلى منتدى
الكود يركب بورقة css
النسخة الثانية Css For Phpbb 2 lصورة للكودالان الكود - الكود:
-
#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{ color: #9a9a9a; text-shadow: 1px 1px 1px #ffffff; text-decoration:none; font-family: Arial Black; text-transform: uppercase; } #chatbox_main_options a:hover{ color: grey; text-shadow: 1px 1px 1px #b8b8b8; text-decoration:none !important; font-family: Arial Black; text-transform: uppercase; }
#chatbox_main_options { background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x; float: right; border: 1px solid #c9c9c9; margin-right: 50px; margin-top: -17px; padding: 2px 3px 1px 5px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-box-shadow: 0px 0px 4px #c6c6c6; box-shadow: 0px 0px 4px #c6c6c6; -moz-box-shadow: 0px 0px 4px #c6c6c6; } #chatbox_main_options:hover { margin-top: -7px; } /*----------------Members----------------*/ #chatbox_members { background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png); margin-bottom: -30px; border-right: 1px solid #c9c9c9; background-color: #ffffff; } #chatbox_members:hover { border-right: 1px solid #b7b7b7; background-color: #fcfcfc; } h4.member-title{ background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important; font-family: Arial Black; text-transform: uppercase; color: #ffffff !important; text-shadow: 0px 0px 3px black; margin-top: -1px; cursor: default; letter-spacing: 0.5em; }
#chatbox_members ul { list-style: none; margin: 0px; } #chatbox_members ul li { background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png); font-family: Arial Black; font-weight: bold; font-size: 14px; color: #393939; padding-left: 10px; border-bottom: 1px solid #e2e2e2; margin: 0px; }
#chatbox_members ul li:hover { background-color: #f4f4f4; background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png'); background-repeat: no-repeat; background-position: center left; } #chatbox_members ul li:active { background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png'); } #chatbox_members ul li a { text-shadow: 1px 1px 1px #ffffff; font-size: 12px; color: #909090; text-decoration: none; } #chatbox_members ul li a:hover { color: #393939; text-decoration: none !important; }
/*----------------Footer----------------*/ #chatbox_messenger .catBottom{ background: none !important; } #chatbox_messenger_form { width: 550px; background: none !important; float: none !important; bottom: 0px ; position: fixed; z-index: 999; margin-left: auto; margin-right: auto; left: 0; right: 0; } .chatfootertable { -webkit-box-shadow: 0px 0px 4px #d4d4d4; box-shadow: 0px -0px 4px #d4d4d4; -moz-box-shadow: 0px 0px 4px #d4d4d4; box-shadow: 0px 0px 4px #c6c6c6; -moz-box-shadow: 0px 0px 4px #c6c6c6; border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 0px; height: 30px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; background-color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); background: -moz-linear-gradient(top, #ffffff, #e2e2e2); } .chatfootertable:hover { border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; } .text-styles { color: grey; } #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies { background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x; border: 1px solid #c9c9c9; background-color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; } #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover { background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x; border: 1px solid #a2a2a2; } #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active { background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x; } .gen label input#message { height: 17px; font-size: 12px; border: 1px solid #c9c9c9; background-color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; } .gen label input#message:hover { border: 1px solid #b2b2b2; background-color: #f5f5f5; } .gen label input#message:focus { border: 1px solid #a4a4a4; background-color: #e0fdff; } .gen input#submit_button { cursor: pointer; color: #929292; font-family: Arial Black; text-transform: uppercase; font-size: 12px; padding-left: 2px; padding-right: 2px; background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x; border: 1px solid #c9c9c9; background-color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; } .gen input#submit_button:hover { color: #2c2c2c; background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x; border: 1px solid #a2a2a2; } .gen input#submit_button:active { background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x; } طريقة وضع الكود : لوحة الادارة/مظهر المنتدي/الصور والالوان /الوان/ورقة تصميم css
تظهر مكان عبة الدردشة فهي مثلها ولاكن مطورة بالتوفيق لكم مع تحيات coco-mimo | |
|
A D M ! N مؤسس المجتمع
عدد المساهمات : 896 نقاطي : 2147483647 السٌّمعَة : 35 العمر : 34 تاريخ التسجيل * : 26/06/2013 احترام قوانين المبدعون العرب :
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية الأربعاء أغسطس 21, 2013 9:17 pm | |
| شكرا لكى ينقل للقسم المناسب | |
|
eltaqa عضو نشيط
عدد المساهمات : 401 نقاطي : 401 السٌّمعَة : 10 العمر : 37 تاريخ التسجيل * : 04/07/2015
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية الإثنين يوليو 06, 2015 6:28 pm | |
| السلام عليكم ورحمة الله وبركاته انجاز رائع ومواضيع مميز وابداع راقي سلمت وسلمت الايادي التي شاركت وساهمت في هذا الطرح الجميل بارك الله بك ولا تحرمنا من ابداعاتك وتميزك المتواصل واصل في كل ما هو جديد ومفيد لديــــــــــــــك فنحن بانتظار جديدك الرائع والجميــــــل كوجودك المتواصل والجميل معنا | |
|
énergie عضو نشيط
عدد المساهمات : 401 نقاطي : 403 السٌّمعَة : 10 العمر : 37 تاريخ التسجيل * : 08/07/2015
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية الخميس يوليو 09, 2015 8:53 pm | |
| صباحك // مساؤك .. أمواج فرح لا تجف ,, تحية محملة بباقة ورد جورية ,,, أهديك أياها يعطيك العافيه طرح رائع وانت دائما رائع في طرحك . أنتظر جديدك بكل الشوق والود ,,, تقبلي مروري المتواضع | |
|