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

منتديات عالم الأكواد

.أكواد جافا, كودات, أكواد عامة, سكاربت, دعم منتدياتvb, دعم منتديات php, تصميم مواقع, اشهار مواقع, استضافة مجانية
 
الرئيسيةأحدث الصورالتسجيلدخول

**التبادل الاعلاني**






فتحات العرب

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
abdullah live
مشرف
abdullah live


ذكر عدد المساهمات : 199
الـــــنــقــــاط : 361
السٌّمعَة : 4
تاريخ الميلاد : 22/03/1997
تاريخ التسجيل : 24/04/2011
العمر : 27
العمل/الترفيه : 0
المزاج : مروق

كود css لتطوير علبة الدردشة لجعلها اكثر احترافية Empty
مُساهمةموضوع: كود css لتطوير علبة الدردشة لجعلها اكثر احترافية   كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالأربعاء سبتمبر 28, 2011 9:43 pm

طبعا مو انا الي مسوي الكود

الي مسوي واحد الله يستر عليـ Laughing Laughing

الكود عبارة عن تطوير علبة الدردشة جميلة جداً

الكود:
#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;
}

مثال عليها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لا تنسوني من ادعيتكن

مع السلامة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بنوته
مراقب عام
بنوته


انثى عدد المساهمات : 516
الـــــنــقــــاط : 1591
السٌّمعَة : 8
تاريخ الميلاد : 21/11/1998
تاريخ التسجيل : 22/04/2011
العمر : 25
العمل/الترفيه : طالبه/التصميم
المزاج : رآيـــقـه *ــــ^

كود css لتطوير علبة الدردشة لجعلها اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير علبة الدردشة لجعلها اكثر احترافية   كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالخميس سبتمبر 29, 2011 2:40 am

يعطيييك ألف عافيه والله كتير بيجنن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abdullah live
مشرف
abdullah live


ذكر عدد المساهمات : 199
الـــــنــقــــاط : 361
السٌّمعَة : 4
تاريخ الميلاد : 22/03/1997
تاريخ التسجيل : 24/04/2011
العمر : 27
العمل/الترفيه : 0
المزاج : مروق

كود css لتطوير علبة الدردشة لجعلها اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير علبة الدردشة لجعلها اكثر احترافية   كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالإثنين أكتوبر 03, 2011 7:24 pm

الله ييييعافيكي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abo.hydar-88




ذكر عدد المساهمات : 13
الـــــنــقــــاط : 26
السٌّمعَة : 0
تاريخ الميلاد : 24/09/1993
تاريخ التسجيل : 09/01/2012
العمر : 30
العمل/الترفيه : ىنمةيب
المزاج : كمسنيتبلك

كود css لتطوير علبة الدردشة لجعلها اكثر احترافية Empty
مُساهمةموضوع: رد: كود css لتطوير علبة الدردشة لجعلها اكثر احترافية   كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالإثنين يناير 09, 2012 4:01 pm

lkf
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كــــــــ الدردشة متقدم ــــــــــود
» تصميمات احترافية و متميزة للمواقع - html - psd
» صور الحج لسنة 2010 .صور احترافية و عالية الدقة
» رسم اكثر من رائع
» الرود: علي ان افكر اكثر

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عالم الأكواد :: 
codes world
 :: اكواد CSS
-
انتقل الى:  
المواضيع الأخيرة
» منتدى ورقلة العربي http://ouargla.up-your.com
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالخميس أبريل 16, 2020 8:02 pm من طرف mahmoudb69

» كتاب الاغتيال الاقتصادى للأمم مذكرات قرصان إقتصادي دولي
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالسبت يناير 26, 2019 3:05 am من طرف chetos alsawy

» منتديات اسراء من البحرين إلى كافة الأوطان
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالإثنين أغسطس 06, 2018 12:42 am من طرف Esra

» منتدى منطقة حارم
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالأحد مايو 13, 2018 3:08 am من طرف Uytreeex Asdfggx

» أكواد أخبار المنتدى
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالأحد يونيو 28, 2015 1:23 am من طرف أبو علي العجمي

» [تومبيلات]كود وضع الاية الكريمه (( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) فوق نافذة الرد السريع من GowetoBilobed
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالإثنين يونيو 22, 2015 4:51 am من طرف أحمد نصار

» اسم موقعك يدور حول مؤشر الفاره
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالإثنين يونيو 22, 2015 4:47 am من طرف أحمد نصار

»  نص يظهر بطريقة الآلة الكاتبة
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالثلاثاء سبتمبر 23, 2014 8:52 pm من طرف hus_ly

» شريط اخبار موقع هداف الرياضي
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية I_icon_minitimeالثلاثاء سبتمبر 23, 2014 8:49 pm من طرف hus_ly

تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية reddit      

قم بحفظ و مشاطرة الرابط منتديات عالم الأكواد على موقع حفظ الصفحات

قم بحفض و مشاطرة الرابط منتديات عالم الأكواد على موقع حفض الصفحات
رشحنا في dir alrawabet -دليل مواقع ومنتديات الروابط

hitstatus



كود css لتطوير علبة الدردشة لجعلها اكثر احترافية Add_one_gadget
Preview on Feedage: %D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA-%D8%B9%D8%A7%D9%84%D9%85-%D8%A7%D9%84%D8%A3%D9%83%D9%88%D8%A7%D8%AF Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Add to Spoken to You