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.

Transparent Chatbox on Invision

View previous topic View next topic Go down

Solved Transparent Chatbox on Invision

Post by Menos on September 30th 2011, 12:45 pm

I need the CSS code to have a transparent Chatbox in my forum.
I am using Invision.

Thank you for your time. Very Happy

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: Transparent Chatbox on Invision

Post by Nera. on September 30th 2011, 1:33 pm

Hi Menos,

Chatbox is a wide word in CSS. Do you want all of it transparent? If so add this to CSS.

Code:
#chatbox_header, #chatbox_members, #chatbox_footer, #chatbox, #chatbox_members .member-title, .chatbox_row_2, .chatbox_row_1 {
    background: transparent !important;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Transparent Chatbox on Invision

Post by Menos on September 30th 2011, 1:40 pm

Doesn't seem to work... it gives me a dark grey background... I also noticed that if I close the code with "}" the CSS is invalid... what to do? Confused

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: Transparent Chatbox on Invision

Post by LGforum on September 30th 2011, 1:56 pm

Well the code NEEDS to end with }
If it says that your CSS has an odd amount of }'s then you need to go fund a bit of code you have added that hasn't ended in a }
Once you have found it you need to make it end wirh } because right now that codes is stopping all your others from working Wink

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Transparent Chatbox on Invision

Post by Menos on September 30th 2011, 2:07 pm

LG forum, you are right!!!
I fixed it and is now correct! Very good
Unfortunately, the problem in the chatbox still remains..

Is it because I am putting the code in the end of the CSS page?
Is there a specific place I should put it?
Any ideas? scratch

edit:

Ok... made some changes for it to work.. and here they are for whoever wants them!

Spoiler:
body.chatbox {
background: transparent !important;
background-attachment: fixed; }

Nera, thank you for your code.. made me understand more about CSS coding! Very good
LG forum, thank you for your help on "{}" Very Happy

Thank you both for your fast replies!!! Hello

Topic is solved!!

Menos
Forumember

Male Posts : 373
Reputation : 4
Language : Greek, English and Slovak

http://cbrxx.darkbb.com/

Back to top Go down

Solved Re: Transparent Chatbox on Invision

Post by ankillien on September 30th 2011, 7:07 pm

Topic Solved

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.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