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

أرض المبدعين

هدفنا بناء افضل منتدي .. افضل مبدع
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
المواضيع الأخيرة
» مدونة انكور
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف فَـلـَسْطِـيـ♥ـن الأربعاء أبريل 07, 2021 10:22 pm

» شركة انكور التطويرية
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف فَـلـَسْطِـيـ♥ـن الأربعاء أبريل 07, 2021 10:22 pm

» حصريا إطلالة مميزة على الأقصاء والأخراج بعلبة الدردشة
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف زائر الإثنين يوليو 07, 2014 4:41 am

» مبارك عليكم شهر رمضان كل عام و انتم بخير
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف امير الفتلاوي السبت يونيو 28, 2014 10:17 pm

» حصري لأول مرة شرح عمل استايل احترافي لأحلي منتدي من أرض المبدعين
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف titoelatar الجمعة يناير 03, 2014 9:16 pm

» احصل على منتدى بي ارخص الاسعار لحق الان عروض مؤسسة عيون الاستضافة
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف امير الفتلاوي الأربعاء ديسمبر 04, 2013 6:48 am

» دورة تصميم استايلات احلى منتدى المقدمه لكم من منتديات أرض المبدعين
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف amrzkey الأربعاء أكتوبر 16, 2013 7:38 pm

» [ CSS ] تغيير رسالة أنت غير متصل
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف amrzkey الأربعاء أكتوبر 16, 2013 7:29 pm

» طلب استيل توملايت للمنتديات اسطورة المصارعة الحرة
 كود علبة الدردشة المتطورة  I_icon_minitimeمن طرف $ جون سينا $ الأربعاء يوليو 24, 2013 9:28 am


 

  كود علبة الدردشة المتطورة

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

avatar


عدد المساهمات : 9
تاريخ التسجيل : 17/08/2012
العمر : 28
الموقع : \

 كود علبة الدردشة المتطورة  Empty
مُساهمةموضوع: كود علبة الدردشة المتطورة     كود علبة الدردشة المتطورة  I_icon_minitimeالجمعة أغسطس 17, 2012 10:42 pm

السلام عليكم ورحمة الله وبركاته
نقدم لكم اليوم اخر تطويرنا كود [CSS] قالب علبة الدردشة الاحترافى
بدون تومبيلات


ا للمعاينة ا



قبل الدخول للدردشة

https://i.servimg.com/u/f46/16/46/08/41/cc_bmp10.jpg


بعد الدخول

https://i.servimg.com/u/f46/16/46/08/41/sss_bm10.jpg





الكود يوضع فى
لوحةالادارة {مظهر المنتدى}.{الوان}.{ورقة تصميم 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;
}


الرجوع الى أعلى الصفحة اذهب الى الأسفل
hcenoo doux
أعضاء نشطاء

hcenoo doux


عدد المساهمات : 140
تاريخ التسجيل : 17/08/2012
العمر : 33
الموقع : جيجل=الجزائر

 كود علبة الدردشة المتطورة  Empty
مُساهمةموضوع: رد: كود علبة الدردشة المتطورة     كود علبة الدردشة المتطورة  I_icon_minitimeالسبت أغسطس 18, 2012 3:22 pm

الكود رائع
تم التجريب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://outlaws.up-your.com
đσṩḭḡṇσṝ ḟḭcṫḭṓṇ
أعضاء نشطاء

đσṩḭḡṇσṝ ḟḭcṫḭṓṇ


عدد المساهمات : 171
تاريخ التسجيل : 31/01/2013
العمر : 26
الموقع : مصر

 كود علبة الدردشة المتطورة  Empty
مُساهمةموضوع: رد: كود علبة الدردشة المتطورة     كود علبة الدردشة المتطورة  I_icon_minitimeالأحد فبراير 03, 2013 12:24 pm

يًسُسَلّمًوُ ُ عّ أٌلٌطًرُحُ . .
؛ لّأُ تَحَ ~ـرّمٌنّأُ ُ مُنٌ تَمُيّزًڳُ
أَلًلَهِ ~~ يَعّطِيًڳُ أَلًفِ أَلُفَ عٌأٌفَيِـة ,؛!!
نِنُّّتُظَرَ جٌدِيًدٌ~ڳِ.!!
تُـحَيِّّأًتًيِ~~ ┋
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Stop3ndk
مشـــــــــــــرف/ه

Stop3ndk


عدد المساهمات : 126
تاريخ التسجيل : 14/07/2013
العمر : 29
الموقع : الٌسعٍوديٍة

 كود علبة الدردشة المتطورة  Empty
مُساهمةموضوع: رد: كود علبة الدردشة المتطورة     كود علبة الدردشة المتطورة  I_icon_minitimeالإثنين يوليو 15, 2013 9:00 pm

شكرا 
علي الموضوع المفيد والرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود علبة الدردشة المتطورة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» قبل دخولك الدردشة(قوانين صندوق الدردشة)
»  حصريا إطلالة مميزة على الأقصاء والأخراج بعلبة الدردشة

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