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 Color Change?

View previous topic View next topic Go down

Chatbox Color Change?

Post by Yuki-Onna on March 16th 2011, 6:16 pm

Right, so I'm not exactly the first Admin of my forum. I'm the third, with the first and second being a pair of brothers. Omni kind of abandoned us, and Drae just recently gave me control of the board, and it's... A stiff learning curve. So far, I've been doing a passable job, but I have a question concerning our Chatbox.

I wanted to create a new skin, surprise the masses, but I can't find an option to change the colors in the chatbox at all. Normally, I wouldn't mind, but the color scheme I had in mind would not mesh with the existing colors. Is there any way at all to change it, or are we stuck with a green block?

A swift answer would be very appreciated.

Yuki-Onna
New Member

Female Posts : 4
Reputation : 0
Language : English
Location : Under your Bed

http://day-four.forumotion.net/forum

Back to top Go down

Re: Chatbox Color Change?

Post by Base on March 16th 2011, 6:19 pm

Hello Yuki-Onna,

Can you please provide us with a screenshot of the EXACT colours that you wish to change? If you can do that for me, I will be able to provide you with a CSS code. Wink

Regards,

Base

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Chatbox Color Change?

Post by Yuki-Onna on March 16th 2011, 6:37 pm

http://i177.photobucket.com/albums/w209/BlackInfernoAlchemist/Screencap.jpg

Here's the screencap, and thanks for such a quick reply! The top and bottom bars can remain the same, but I wanted gray and darker gray for archives area. (I'm probably making NO sense at all.) The bar with Online can probably stay the same, but the box under that I wanted to be a darker gray.

I've absolutely no experience with this type of coding, sadly. The board was kind of thrown at me, and the second Admin knew nothing about it either. The first, I can't even get in contact with.

Yuki-Onna
New Member

Female Posts : 4
Reputation : 0
Language : English
Location : Under your Bed

http://day-four.forumotion.net/forum

Back to top Go down

Re: Chatbox Color Change?

Post by Base on March 16th 2011, 6:44 pm

What is your forum version? Find out by going to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Choose a theme (on the left, under Skins)
4. Version Tab

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Chatbox Color Change?

Post by Yuki-Onna on March 16th 2011, 6:45 pm

I got phpBB2.

Yuki-Onna
New Member

Female Posts : 4
Reputation : 0
Language : English
Location : Under your Bed

http://day-four.forumotion.net/forum

Back to top Go down

Re: Chatbox Color Change?

Post by Base on March 16th 2011, 6:56 pm

Thank you! Here is your code:
Code:
#frame_chatbox {
    border: medium none !important;
}
body.chatbox {
    background-color: #4D4D4D;
    background-image: none;
    margin: 0;
    min-width: 550px !important;
    padding: 0;
}
#chatbox_members {
    border-right: 1px solid;
    bottom: 30px;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
}
#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    font-size: 12px;
}
.chatbox-options {
    text-align: right;
}
#chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
    float: right;
    white-space: nowrap;
}
#chatbox_footer {
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
#chatbox_footer table.text-styles {
    float: right;
}
#chatbox_footer .text-field {
    float: left;
}
#chatbox_header {
    background-color: #E5E5E5;
    height: 30px;
}
#chatbox p {
    line-height: 1.2em;
}
.chatbox_row_1 {
    background-color: #666666;
    padding: 4px;
}
.chatbox_row_2 {
    background-color: #999999;
    padding: 4px;
}
.chatbox_row_3 {
    background-color: #D1D7DC;
    padding: 4px;
}
.memberlist_row_1 {
    background-color: #EFEFEF;
    padding: 2px 2px 2px 10px;
}

Paste it in your CSS code by going to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste it there

Tell me if you want me to change anything. Also provide me with another screenshot so that I can see what it looks like. Very Happy

Regards,

Base

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


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