Chatbox Background
Chatbox Background
How to Change My chatbox background color to black
and the text at the display area will be white
here my Css code for Chatbox
Forum version Punbb
Fast response plz
and the text at the display area will be white
here my Css code for Chatbox
- Code:
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
background-image: url("http://i29.servimg.com/u/f29/15/69/50/07/chatbo10.png");
}
.chatbox-title,.chatbox-title a.chat-title {
color: transparent;
}
.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: 1px 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: #f4f9fd;
color : #00569c;
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;
background-color: #fbfbfb;
}
.chatbox_row_2 {
padding: 4px;
background-color: #f4f4f4;
}
.chatbox_row_3 {
padding: 4px;
background-color: #f4f9fd;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #ccc;
}
Forum version Punbb
Fast response plz
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Aomine- Forum Reviewer
-
Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines
Re: Chatbox Background
nope i just need help
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Re: Chatbox Background
Well if you want to change your chatbox read this: http://help.forumotion.com/t77136-customize-chatbox

No Support via PM!
Aomine- Forum Reviewer
-
Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines
Re: Chatbox Background
yah i already try that one but wont work
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Aomine- Forum Reviewer
-
Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines
Re: Chatbox Background
i have no problem in browser coz i already tried in other computers got the same view
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Aomine- Forum Reviewer
-
Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines
Re: Chatbox Background
still not working
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Re: Chatbox Background
bump
please check each part of the chatbox code i think there is a bug =)
please check each part of the chatbox code i think there is a bug =)
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Re: Chatbox Background
maybe it work
- Code:
#chatbox_members {
background-image: url("http://i79.servimg.com/u/f79/12/49/95/01/cb_fbr10.gif");
}
#chatbox {
background-image: url("http://hitskin.com/themes/13/27/62/i_background.gif");
}
Re: Chatbox Background
it works but when i send a message that row in display area will be white
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Re: Chatbox Background
Try this for the text area:
- Code:
.chatbox_row_1 {
background-color: #000;
coloe: #fff;
}
Re: Chatbox Background
Problem solve =)
garenalord- Forumember
- Posts : 58
Reputation : 0
Language : english
Re: Chatbox Background
You will need to go all the way to row 3 with the code.
!_NICK_!- Active Poster
-
Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: Chatbox Background
![]() | Since this thread appears to be solved, I will lock this thread and mark it as solved now. Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you. ~ Joph25 |
Jophy- ForumGuru
-
Posts : 17924
Reputation : 835
Language : English
Location : Somewhere
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum