nav tab image

Mike Law

Active member
Hi,

I need for 1 new tab on my navbar to simply be the American flag. As we are opening a new forum (yes xenforo) in the US I like to have a button on my UK forum with the flag tab, no text needed,

How can I do this?
 
Hi,

I don't just need the new tab, I need it to be an image without text.
So the whole tab would be an American flag,

No idea how to use CSS.

Sorry about all the miss posting in wrong forums, it's confusing that this one goes to general support as it seems to be part of the template. My bad!!
 
Copy the instructions in that thread but use this code instead:
Code:
<li class="navTab PopupClosed" style="background: url('@imagePath/images/USA.png') no-repeat; margin-left: 6px"><a href="LINK HERE" class="navLink"></a></li>

Upload a flag image to your server.
Change the background url path to suit.
Change the href path to suit.
 
Hi,

This is what it ends up like,
I made the image 70x40 as thats the average tab size... not sure what I am doing wrong...

us-tab.webp

tabs.webp

So I made the image really small and it fits... but I like it to be a little bigger...
how can I proceed on that?

tab1.webp

Thank you so much for the very kind support by the way!
 
Unless you make the whole navigation bar bigger in height, the maximum size of the image will be dictated by that, which is around 25px I think.
 
Top Bottom