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


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

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

شبكة يلا 4 يو , Yalla4uدخول

شبكة يلا 4 يو , Yalla4u العاب , برامج , اسلاميات , اخبار عالميه , مصرية , اشهار, اكواد, تطوير منتديات, اشهار, مسابقات, css, html, javascript, اقسام تعليميه, العاب كونكر, جرافيك, برامج, جرافيك , فوتوشوب ,photoshop


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

power_settings_newقم بتسجيل الدخول للرد

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

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

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

مرحباً بكم أيها الكرام من أعضاء و زوار

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

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

https://i.servimg.com/u/f19/18/33/21/36/muslim12.png

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

الكود:

#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 لتطوير صندوق الدردشة لجعله اكثر احترافية 1316609842841


http://im17.gulfup.com/2011-09-21/1316609842841.jpg

طريقة الوضع : لوحة الادارة/مظهر

المنتدي/الصور والالوان /الوان/ورقة تصميم css

تظهر مكان عبة الدردشة فهي مثلها ولاكن مطورة

بالتوفيق لكم

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


عدل سابقا من قبل K!M0 في الجمعة يونيو 10, 2016 4:05 pm عدل 1 مرات

تعاليق

احمد محمد عبدالجواد
مشكور على هذا الجهد الرائع واتمنى لك التقدم المستمر انشاء الله[b]
K!M0
العفو
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 259365798
lakatus
مشكور على هذا الجهد الرائع واتمنى لك التقدم المستمر انشاء الله

K!M0
العفو
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 3036723084
m.r:new
رووووووووووووووعه تسلم ايدك
énergie
شكرا لك ننتظر الجديد والمزيد اخوكم انيرجى
Yazan King
كالعادة ابداع رائع 

وطرح يستحق المتابعة

شكراً لك 

بانتظار الجديد القادم
دمت بكل خير..
QUSAI N9NE
مْشُڪوُر آځيُ عٌلُيُ آلُڪوُڊ آلُرآئعٌ

يُڛلُمْ يُڊآڪ
Yazan King
كالعادة ابداع رائع 

وطرح يستحق المتابعة

شكراً لك 

بانتظار الجديد القادم
دمت بكل خير..
Black Cat
رائع جدا شكرا لك  تحياتي
huss9898ien
شكرا لك على الموضوع الجميل و المفيد ♥

جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ♥

ننتظر إبداعاتك الجميلة بفارغ الصبر
power_settings_newقم بتسجيل الدخول للرد
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى