مجتمع المبدعون العرب
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
مجتمع المبدعون العرب

مجتمع عربي يختص بعالم التصميم والجرافيك وكل ما يخص الديزاين
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
coco-mimo
عضو جديد
عضو جديد
coco-mimo


انثى
عدد المساهمات : 77
نقاطي : 99
السٌّمعَة : 0
تاريخ التسجيل * : 27/07/2013
ممتاز

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Empty
مُساهمةموضوع: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية   كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyالأربعاء أغسطس 21, 2013 6:39 pm

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار
كما وعدنا في منتدانا كل جديد و حصري
و اكواد جديد
تساعدكم على تطوير منتداكم
المنتديات العربية
شركة احلى منتدى


الكود يركب بورقة css


النسخة الثانية Css For Phpbb 2 l


صورة للكود
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 1316609842841

الان الكود
الكود:
#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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ischsafari.forumalgerie.net/
A D M ! N
مؤسس المجتمع
مؤسس المجتمع
A D M ! N


ذكر
عدد المساهمات : 896
نقاطي : 2147483647
السٌّمعَة : 35
العمر : 34
الحمل
الحصان
تاريخ التسجيل * : 26/06/2013
احترام قوانين المبدعون العرب : كود css لتطوير صندوق الدردشة لجعله اكثر احترافية HjOAjB

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية   كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyالأربعاء أغسطس 21, 2013 9:17 pm

شكرا لكى

ينقل للقسم المناسب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://mobd3oon.ahlamontada.com
eltaqa
عضو نشيط
عضو نشيط
eltaqa


ذكر
عدد المساهمات : 401
نقاطي : 401
السٌّمعَة : 10
العمر : 37
السمك
القط
تاريخ التسجيل * : 04/07/2015

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية   كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyالإثنين يوليو 06, 2015 6:28 pm

السلام عليكم ورحمة الله وبركاته
انجاز رائع ومواضيع مميز وابداع راقي
سلمت وسلمت الايادي التي شاركت وساهمت في هذا الطرح الجميل
بارك الله بك ولا تحرمنا من ابداعاتك وتميزك المتواصل
واصل في كل ما هو جديد ومفيد لديــــــــــــــك
فنحن بانتظار جديدك الرائع والجميــــــل
كوجودك المتواصل والجميل معنا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
énergie
عضو نشيط
عضو نشيط
énergie


ذكر
عدد المساهمات : 401
نقاطي : 403
السٌّمعَة : 10
العمر : 37
السمك
القط
تاريخ التسجيل * : 08/07/2015

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية   كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyالخميس يوليو 09, 2015 8:53 pm

صباحك // مساؤك .. أمواج فرح لا تجف ,,
تحية محملة بباقة ورد جورية ,,,
أهديك أياها
يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبلي مروري المتواضع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.eltaqa.com/
 
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» قوانين صندوق الدردشة
» طريقة تشغيل صندوق الرد السريع
» [CSS] تغيير شكل صندوق آخر مساهمة » M!Z0 PR0
» كود الاية الكريمة فوق صندوق الرد
» اظهار/اخفاء صندوق الرد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع المبدعون العرب :: أقسام دعم المنتديات :: أكواد وشروحات-
انتقل الى: