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

من طرف **روح الصداقة** الأحد مايو 06, 2012 11:37 pm

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

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

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

النسخة الثانية 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; }