1 Chatbox problem Sat Dec 04, 2010 6:48 pm
Emilio
Registered Member
I can't get the chatbox normal...
Youu see , the Header img of my forum shows in the Chatbox...
how to get this fixed?
body.chatbox {
background: url(http://i65.servimg.com/u/f65/14/75/13/83/noise10.png) !important;
background-color: transparent;
}
body.chatbox {
background-image:none;
background-color: transparent;
}
body.chatbox {
background-image: none !important;
}
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-image: none !important;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 0px dashed #ccc;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: transparent;
background-image: url(http://i16.servimg.com/u/f16/14/56/22/40/dot10.png);
color : #82e310;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
color: #fff;
background-color: transparent;
}
.chatbox_row_2 {
padding: 4px;
color: #fff !important;
background-color: #1E1E1E;
background-image: url('http://i46.tinypic.com/108ire0.jpg'); }
.chatbox_row_3 {
padding: 4px;
color: #fff !important;
background-color: #f4f9fd;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #1E1E1E;;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #232323;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
#chatbox_header {
background-image: none !important;
background-color: transparent;
body.chatbox {
color: #ffffff;
background-image: none;
padding: 0;
margin: 0;
background-color: transparent;
}
Gangstar15 wrote:Try replace the code you have with this one:
- Code:
body.chatbox {
color: #ffffff;
background-image: none;
padding: 0;
margin: 0;
background-color: transparent;
}
body[bgcolor="#1f1f1f"] {
background-image: none !important;
}
body.chatbox {
color: #ffffff !important;}
p.chatbox_row_1 .user-msg .msg span ,
p.chatbox_row_2 .user-msg .msg span {
color: #DDD !important;
}
WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Chatbox problem
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
|
|