العقرب الاردني
عـــضـــو نــشـيط
الـدولـة : الـمسـاهمـات : 106 العـمر : 45 نقاط النشاط : 4449 سمعتي : 3
| موضوع: كود علبة الدردشة المتطورة الأربعاء يوليو 25, 2012 1:28 am | |
| السلام عليكم ورحمة الله وبركاته نقدم لكم اليوم اخر تطويرنا كود [CSS] قالب علبة الدردشة الاحترافى بدون تومبيلات ا للمعاينة ا قبل الدخول للدردشة بعد الدخول الكود يوضع فى لوحةالادارة {مظهر المنتدى}.{الوان}.{ورقة تصميم css} - الكود:
-
#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; } #chatbox_header a.cattitle{ display:none; } #chatbox_header td.catBottom{ background:transparent url(http://i46.servimg.com/u/f46/12/36/04/46/sob7an10.png) no-repeat scroll 0 0; } | |
|
Menato
رئـيـس الإدارة
الـدولـة : الـمسـاهمـات : 5669 العـمر : 28 نقاط النشاط : 20550 سمعتي : 52 المزاج : Coool الهواية : Student البلد والمدينة : Here الاوسمة :
| موضوع: رد: كود علبة الدردشة المتطورة الأربعاء يوليو 25, 2012 1:34 am | |
| روووووووووووووووووووووووووووووووووووووووعة
بارك الله فيك اخي الافضل و سلمت اناملك | |
|
ѕάк๏๓๏гά
عـــضـــو محترف
الـدولـة : الـمسـاهمـات : 1331 العـمر : 30 نقاط النشاط : 5726 سمعتي : 3 المزاج : bien ♥ الهواية : الادارة العُلــــيا ♥
| موضوع: رد: كود علبة الدردشة المتطورة الأربعاء يوليو 25, 2012 1:47 am | |
| | |
|
أحمد أمير
عـــضـــو متميز
الـدولـة : الـمسـاهمـات : 575 العـمر : 26 نقاط النشاط : 5715 سمعتي : 0 المزاج : ممتاز الهواية : طالب البلد والمدينة : منتدى ريشة فنان
الاوسمة :
| موضوع: رد: كود علبة الدردشة المتطورة الأربعاء يوليو 25, 2012 1:48 am | |
| جزاك الله كل خير اخي الكريم | |
|
المهدي
عـــضـــو محترف
الـدولـة : الـمسـاهمـات : 1127 العـمر : 33 نقاط النشاط : 5467 سمعتي : 1
| موضوع: رد: كود علبة الدردشة المتطورة الخميس أغسطس 02, 2012 1:49 pm | |
| {{{تسلم على الموضوع الرائع}}} موضوع رائع | مجهودات قيمة | تستحق التهاني واصل و لاتحرمن من جديدك اللهم يجعلها في ميزان حسناتك تحيه موجهة لك من طرف المهدي
| |
|
hcenoo doux
رئـيـس الإدارة
الـدولـة : الـمسـاهمـات : 5316 العـمر : 32 نقاط النشاط : 10261 سمعتي : 0 المزاج : الحمد لله علي كل حال الهواية : صيانة الاجهزة.الانضمة والبرمجة المعلوماتية البلد والمدينة : الجزائر.جيجل.جيجل الاوسمة :
الاوسمة :
| موضوع: رد: كود علبة الدردشة المتطورة السبت أغسطس 25, 2012 3:27 pm | |
| مشكور...... | |
|
designer.dz
عـــضـــو فعال
الـدولـة : الـمسـاهمـات : 302 العـمر : 26 نقاط النشاط : 4578 سمعتي : 0
| موضوع: رد: كود علبة الدردشة المتطورة الأربعاء سبتمبر 05, 2012 11:06 am | |
| بارك الله فيك اخي الفاضل و سلمت اناملك
| |
|