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 Image

View previous topic View next topic Go down

Solved Chatbox Background Image

Post by Shiroforum on March 31st 2014, 4:05 am

Hello, whenever I want to apply a background image to my forum, I get this weird bug. The thing which happens is, that when not logged into the chatbox the bottom part takes the code from html Body and adds that weird background. My CSS is not the problem, since I've tried removing all of it, adding no repeat and other kind of things.

The question which can resolve my problem is, can I remove the highlighted part within the screenshot though without affecting the background image of the Main Page? (if I click the square there, everything is fixed while the original background image remains there, though I don't know if there's is a way to do that with CSS)



http://swordartonline.forumcreativ.com/>>> Forum Link if needed

Shiroforum
Forumember

Posts : 28
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chatbox Background Image

Post by Pizza Boi on March 31st 2014, 9:19 am

Hi Very Happy

Well... I actually encountered that problem yesterday and have managed to fix it... but I can't remember which selectors I used... sooo... I ish gonna give you the chatbox codes that I'm okay to give out Smile , so please just find the appropriate selectors there to solve your problem. There shouldn't be that much of a problem since I think all chatbox selectors are the same, if not, please provide me a test account and I'll fix it Smile .

Code:
/* Chatbox */
html, body {
  background-color: #0a0a0a;
}
#chatbox {
  background-color: #0a0a0a;
}
#chatbox_footer {
  border-top: #0a0a0a;
  background-color: #0a0a0a;
}
#chatbox_members {
  border-right: 1px solid #ccc !important;
  background-color: #0a0a0a !important;
}
#chatbox_header.main-head { 
  background-color: #A00!important;
  background-image: url(http://i.imgur.com/xRSFHCd.png);
  border-top: 1px solid #963030;
  border-radius: 5px 5px 0px 0px;
  border-left: 1px solid #963030;
  border-right: 1px solid #963030;
  border-bottom: 1px solid #963030;
}
.chatbox-title a.chat-title {
  font-variant: small-caps;
}
#chatbox_messenger_form > div > div {
  position: relative;
  right: 30px;
}
.chatbox_row_1 {
  background-color: #0d0d0d;
  padding: 4px;
  border-top: 1px solid #963030;
  margin-top: 1px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Chatbox Background Image

Post by Shiroforum on March 31st 2014, 12:33 pm

Thank you a lot, Pizza Boi.

Code:
/* Chatbox */[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]
html, body {[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]
background-color: #0a0a0a;

this code fixed my problem.

Shiroforum
Forumember

Posts : 28
Reputation : 1
Language : English

Back to top Go down

Solved Re: Chatbox Background Image

Post by Ange Tuteur on March 31st 2014, 12:37 pm

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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