How to add images to the navigation bar 1.0

[Andy.N]

To add an image to the left and right, add this to EXTRA.css:

#navigation .helper {
display: block;
height: 25px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -16px;
width: 100%;
} <-- THIS EXTRA } needs to be remove
 
/* IE8 */
background: url('@imagePath/shelley_snow_l.png') no-repeat;
 
/* Chrome & FF */
background: url('@imagePath/shelley_snow_l.png') no-repeat 0% 0%, url('@imagePath/shelley_snow_r.png') no-repeat 100% 0%;
 
/* IE6, IE7 */
_background: url('@imagePath/shelley_snow_l.png') no-repeat;
}

Paul,
You have an extra } in there which will result in nothing shown.

 

[AndreaMarucci]

Simply wonderful. There's an error since this

/* Chrome & FF */
background: url('@imagePath/shelley_snow_l.png') no-repeat 0% 0%, url('@imagePath/shelley_snow_c.png') no-repeat 50% 0%, url('@imagePath/shelley_snow_c.png') no-repeat 100% 0%;

should be

/* Chrome & FF */
background: url('@imagePath/shelley_snow_l.png') no-repeat 0% 0%, url('@imagePath/shelley_snow_c.png') no-repeat 50% 0%, url('@imagePath/shelley_snow_r.png') no-repeat 100% 0%;

 

[AndreaMarucci]

Little problem. Look at the image



It's possible to modify the right png?

 

[HannahP]

I use this to add Kilroy to the navigation for a minute or two at random times of the day. People report seeing him and I say I don't know anything about it, that perhaps they should check their computers for viruses.

Maybe not as pretty as snow, but much more amusing.

 

[Shelley]

Little problem. Look at the image

View attachment 21998

It's possible to modify the right png?

You could temporarily add this in the extra.css template.

.visitorTabs {
    margin-right: 20px;
}

 

[ineedhelp]

Is it possible to add a santa hat on the top right of member Avatar?

Can someone post the code for it - thanks.

(did someone delete my post before?)

 

[Paul B]

I moved it to here as it's off topic for this thread: http://xenforo.com/community/threads/how-do-i-add-a-santa-hat-to-avatars.24292/

 

[wickedstangs]

awesome... Thanks

 

[Vicros]

I use this to add Kilroy to the navigation for a minute or two at random times of the day. People report seeing him and I say I don't know anything about it, that perhaps they should check their computers for viruses.

Maybe not as pretty as snow, but much more amusing.

View attachment 22002

Wow..super classic lol..i love it.

 

[Slate]

I'm having an issue, on 1.0.4 -

When i place an image on the left of the navbar it dis allows users from selecting the first 3 nav tabs =/

 

[Paul B]

The tabs will be unselectable for the top third due to the height of the image.

Reduce the height of the image or make the tabs bigger to suit your needs.

 

[Alpha52]

Hehe I love this. Even expanded on it a bit:
http://www.chaoticuniformity.net/community/

 

[CTXMedia]

Using the snow effects from the OP on CycleChat - thanks.

@Alpha52 - hope you don't mind but I've nabbed your Christmas tree helper2 CSS as well ...

Cheers,
Shaun

 

[Paul B]

That tree seems to be fairly popular http://cliptheapex.com/

 

[CTXMedia]

That tree seems to be fairly popular http://cliptheapex.com/

He he ... and you got the snowman too ...

 

[Paul B]

We follow the same theme for other notable dates; the A is replaced with an icon of some sort and a separate image is placed on the far right.

For Hallowe'en for example it's a ghost for the A and a pumpkin.

 

[Alpha52]

That tree seems to be fairly popular http://cliptheapex.com/

It's a damn nice tree! I'd like to do the same kinda things with the letters but the logo I have now doesn't really work that way...

 

[Brendon Meynell]

is there any way to have the image face downwards rather than sit on top of the navbar?

For example on my website I want an oozing blood type of look - is there some sort of code to give it that look?

 

[Paul B]

Create the new images and adjust the CSS to suit.
You will probably want to to change the top: -16px; and height: 25px;

 

[Brendon Meynell]

Sorry it was late when I posted this and my mind just went blah... but woke up this morning with the right idea in my head and wanted to come back to say ignore me but as usual you are too fast.

Thank you for the support I greatly appreciate it