The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox Background

The forum of the forums :: Miscellaneous :: Garbage

Go down

Solved Chatbox Background

Post by garenalord on May 19th 2011, 5:11 pm

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

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

avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Aomine on May 19th 2011, 5:12 pm

is this a tutorial ?
avatar
Aomine
Forum Reviewer
Forum Reviewer

Male Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 19th 2011, 5:16 pm

nope i just need help
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Aomine on May 19th 2011, 5:19 pm

Well if you want to change your chatbox read this: http://help.forumotion.com/t77136-customize-chatbox
avatar
Aomine
Forum Reviewer
Forum Reviewer

Male Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 19th 2011, 5:22 pm

yah i already try that one but wont work
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Aomine on May 19th 2011, 5:23 pm

what is your browser ?
avatar
Aomine
Forum Reviewer
Forum Reviewer

Male Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 19th 2011, 5:27 pm

i have no problem in browser coz i already tried in other computers got the same view
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Aomine on May 19th 2011, 5:31 pm

Do you encounter problem when inserting the codes ?
avatar
Aomine
Forum Reviewer
Forum Reviewer

Male Posts : 2371
Reputation : 290
Language : English & Tagalog
Location : Philippines

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 20th 2011, 5:54 am

still not working
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 21st 2011, 2:01 pm

bump

please check each part of the chatbox code i think there is a bug =)
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Ezio on May 21st 2011, 2:54 pm

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");
}
avatar
Ezio
Forumember

Male Posts : 155
Reputation : 10
Language : Bahasa. Indonesia
Location : Request change my Age, I'm 13-14 years old.. :D

http://www.forumbargedoz.ce.ms

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 21st 2011, 5:18 pm

it works but when i send a message that row in display area will be white

avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Gangstar15 on May 21st 2011, 5:33 pm

Try this for the text area:
Code:
.chatbox_row_1 {
background-color: #000;
coloe: #fff;
}
avatar
Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 23rd 2011, 5:33 am

Problem solve =)
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by !_NICK_! on May 23rd 2011, 6:59 am

You will need to go all the way to row 3 with the code.
avatar
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Chatbox Background

Post by garenalord on May 23rd 2011, 7:00 am

kk
avatar
garenalord
Forumember

Posts : 58
Reputation : 0
Language : english

Back to top Go down

Solved Re: Chatbox Background

Post by Jophy on May 23rd 2011, 10:46 am

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
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top

The forum of the forums :: Miscellaneous :: Garbage

 
Permissions in this forum:
You cannot reply to topics in this forum