Make Navigation Links Images?

[mrchasez]

Hey, I want to make the navigation tabs images or have some images.
Like, For example make "Buy Xenforo" an image, how can i do that on my forums?

Thanks

 

[Chris D]

This may help:

http://xenforo.com/community/resources/add-an-image-to-individual-navigation-tabs.428/

 

[mrchasez]

This may help:

http://xenforo.com/community/resources/add-an-image-to-individual-navigation-tabs.428/

No

I want the tabs to be IMAGES, Not have images next to the tabs

 

[Chris D]

Well you're half way there with that then, aren't you?

If you ask nicely without angry smileys, I might tell you how to remove the text as well.

 

[mrchasez]

Well you're half way there with that then, aren't you?

If you ask nicely without angry smileys, I might tell you how to remove the text as well.

Lol, I am not really angry.
I didn't mean to make an angry emot, But rather " >: ( "
Which is meant to show frustration.

 

[mrchasez]

Well you're half way there with that then, aren't you?

If you ask nicely without angry smileys, I might tell you how to remove the text as well.

Will you help me now ;(

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

.navTabs .tabId a.navLink,
.navTabs .tabId a.SplitCtrl
{
	color: transparent !important;
	background-image: url('path/to/image.gif');
}

This CSS is a little sneaky but it works. You might have to play with the background position, dimensions, etc.

 

[DRE]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

.navTabs .tabId a.navLink,
.navTabs .tabId a.SplitCtrl
{
color: transparent !important;
background-image: url('path/to/image.gif');
}

This CSS is a little sneaky but it works. You might have to play with the background position, dimensions, etc.

How do you do this with xenporta portal?