كود لجعل الدردشة احترافية

موضوع: كود لجعل الدردشة احترافية 15/06/13, 11:41 pm

مرحبا بنات جبتلكم كود لجعل الدردشة احترافية
لكم وبسس
اتفضلو الكود

اقتباس :

اقتباس :: #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; }

]

تسلم ايدك حبيبتي على

الكود الرائع شكرا جزيلا

لا تحرمينا من مواضيعك المميزة

مشكووووووووووووورة كتييييييييير يا عســــــــل

تسلم آيدگ حپيپتي على

آلگۈد آلرآئع شگرآ جزيلآ

لآ تحرمينآ من مۈآضيعگ آلمميزة

تسلم آيدگ حپيپتي على

آلگۈد آلرآئع شگرآ جزيلآ

لآ تحرمينآ من مۈآضيعگ آلمميزة