معلومات العضو The Globetrotter
صـــاحب المـــوقعمعلومات إضافية الجنس : || مسآهمآتي : 6311 التقيم : 1089 •سجلت فــي || : 02/07/2011 •MMS •| : •الاوسمة•| :
معلومات الإتصال
| موضوع: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 7/11/2011, 12:59 | |
| السلام وعليكم كود الدردشة الاحترافية متل منتدانا النسخة الثانية 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
تظهر مكان عبة الدردشة فهي مثلها ولاكن مطورة بالتوفيق لكم |
|
معلومات العضو ليبي حر
مشرف دردشةمعلومات إضافية الجنس : || مسآهمآتي : 82 التقيم : -1 •سجلت فــي || : 05/12/2011
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 5/12/2011, 07:05 | |
| |
|
معلومات العضو ليزي
معلومات إضافية الجنس : || مسآهمآتي : 55 التقيم : 5 •سجلت فــي || : 14/12/2011
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 14/12/2011, 08:15 | |
| |
|
معلومات العضو عاشق سهر الليالى
معلومات إضافية الجنس : || مسآهمآتي : 104 التقيم : 5 •سجلت فــي || : 13/12/2011
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 16/12/2011, 02:28 | |
| |
|
معلومات العضو feng wei
معلومات إضافية الجنس : || مسآهمآتي : 223 التقيم : 20 •سجلت فــي || : 30/10/2011 •الاوسمة•| :
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 27/12/2011, 13:29 | |
| شكوووووووووووووور |
|
معلومات العضو اليانصيب
معلومات إضافية الجنس : || مسآهمآتي : 32 التقيم : 10 •سجلت فــي || : 16/12/2011
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 30/12/2011, 06:56 | |
| |
|
معلومات العضو ????
زائرمعلومات إضافية معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 31/1/2012, 08:06 | |
| شكرا على الموضوع الله يعطيك العافيه لك ودي |
|
معلومات العضو Mysterious Prince
المدير العاممعلومات إضافية الجنس : || مسآهمآتي : 378 التقيم : 26 •سجلت فــي || : 07/02/2012 •MMS •| : •الاوسمة•| :
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 29/3/2012, 17:05 | |
| شكرا مع تحياتي
|
|
معلومات العضو ملك الحصريات
معلومات إضافية الجنس : || مسآهمآتي : 1748 التقيم : 59 •سجلت فــي || : 22/12/2012 •MMS •| :
معلومات الإتصال
| موضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 12/1/2013, 02:02 | |
| الله يعطيك العافيه على الموضوع الرائع |
|