حصريا كود 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(https://i.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(https://i.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(https://i.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(https://i.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('https://i.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('https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;

border: 1px solid #a2a2a2;

}

.gen input#submit_button:active {

background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;

}

كود رائع .. شكرا لك

شكرا لك

:p42p:

كود رائع .. شكرا لك

thnxxxxx

شكرا لك

بارك الله فيك
تسلم اخي

شكرا لك ع المجهود المستحيل

تسلم الايادى

merci

روووووووووووووعة تسلم ايدك وفى انتظار كل جديد لك من مساهماتك
تقبل مرورى

شكراااااااااااااااااااااااا

مشكور

روعة

مشكور

شكراً لك

شكرا