The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

What´s the CSS code for Invision?

3 posters

Go down

Solved What´s the CSS code for Invision?

Post by Diana December 2nd 2009, 7:18 pm

I want and image instead of colour or better still remove the navigation bar background.
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by Diana December 3rd 2009, 10:34 am

Anyone? Is there any way at all I can change the background of the nav bar in Invision?
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by mex2 December 3rd 2009, 4:13 pm

For default Invision themes, here is link for changing navigation background, and also navigation links color.

Code:
/* Submenu */
#submenu {
color: #303b4a;
background-color: #000;
   }

background: - for changing background color
color : for changing link color

If you want image instead just simply color for background, add this code instead following:

Code:
/* Submenu */
#submenu {
color: #303b4a;
background-image: url(LINK OF IMAGE);
background-repeat: repeat-x;
   }

LINK OF IMAGE - replace with link to your image, and thats all.

Greetings,
mex.
mex2
mex2
Forumember

Posts : 177
Reputation : 1
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by Diana December 3rd 2009, 4:59 pm

Thanks a lot, that´s exactly what I wanted.
Although there is a little problem with it, which if it cannot be fixed is okay.

Yes now it looks like the navigation bar buttons are on the main background which is what I wanted but when I hover over the buttons white rectangles appear behing them.
Is there a way to get rid of those? If not it´s okay, cause I got the main thing I wanted. Smile
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by mex2 December 3rd 2009, 5:10 pm

Ok i get it...

find code similar to this:

Code:
#submenu ul li a:hover {
   background-color: #c5c7ca;
   }

and replace it with following code:

Code:
#submenu ul li a:hover {
   background-color: transparent;
   }
mex2
mex2
Forumember

Posts : 177
Reputation : 1
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by Diana December 3rd 2009, 5:18 pm

Wow, thanks a lot!! I have everything I need now. Wink
You´re a star!
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by mex2 December 3rd 2009, 5:31 pm

You r welcome Wink
mex2
mex2
Forumember

Posts : 177
Reputation : 1
Language : English

Back to top Go down

Solved Re: What´s the CSS code for Invision?

Post by Sanket December 3rd 2009, 6:36 pm

Since this thread appears to be solved, I will lock this thread and mark it as solved.
What´s the CSS code for Invision? 2j4t5a8

Sanket Smile
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

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