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

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

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






فتحات العرب

شاطر | 
 

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

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

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

مُساهمةموضوع: كود css لتطوير علبة الدردشة لجعلها اكثر احترافية   الأربعاء سبتمبر 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;
}

مثال عليها

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

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

مع السلامة

_________________
أأسف لعدم تواجدي (مشان المدرسة)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
________________________________________________________________________________________
My FaceBook
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
بنوته
مراقب عام
avatar

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

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

يعطيييك ألف عافيه والله كتير بيجنن

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

عليــــك دائمــــا أن تقـــلب الصفحـــة
عنـدمـا لا يوجــد سطــر للكتـابــة بهـــا
لكــــــن [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لا تمــزق صفحتـــك السابقــــة إن لـم تكـن راضيـا عنهــا
لأن مـا ستكتبــــه فــــي الصفحـــة التــاليــة
بناء على خبـرتــك ومـواقفـــــك التــي عشتهـا
فـــــي الصفحـــــات السابقـــة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
abdullah live
مشرف
avatar

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

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

الله ييييعافيكي

_________________
أأسف لعدم تواجدي (مشان المدرسة)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
________________________________________________________________________________________
My FaceBook
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
abo.hydar-88



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

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

lkf
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود css لتطوير علبة الدردشة لجعلها اكثر احترافية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عالم الأكواد :: 
codes world
 :: اكواد CSS
-
انتقل الى:  
المواضيع الأخيرة
» منتدى منطقة حارم
الأربعاء مايو 03, 2017 5:12 am من طرف مهاب الأحمد

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

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

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

»  نص يظهر بطريقة الآلة الكاتبة
الثلاثاء سبتمبر 23, 2014 8:52 pm من طرف hus_ly

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

» كود لوحة شرف زرقاء
الثلاثاء سبتمبر 23, 2014 8:48 pm من طرف hus_ly

» كود لوحة الشرف رباعية بكئوس ذهبية
الثلاثاء سبتمبر 23, 2014 8:47 pm من طرف hus_ly

» كود ][. ترجمه المــــــــــــــواقع .][ ....... حصريا
الأربعاء يوليو 16, 2014 3:05 pm من طرف عبادي عبادي

تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية Digg  تسجيل صفحاتك المفضلة في مواقع خارجية Delicious  تسجيل صفحاتك المفضلة في مواقع خارجية Reddit  تسجيل صفحاتك المفضلة في مواقع خارجية Stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية Slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية Yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية Google  تسجيل صفحاتك المفضلة في مواقع خارجية Blinklist  تسجيل صفحاتك المفضلة في مواقع خارجية Blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية Technorati  

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

hitstatus




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