• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.1 Insert Icons to Custom Navigation Tab

Mr. Goodie2Shoes

Well-known member
#2
You need to use CSS like:
Code:
.nodetab50 > .navLink:before {
position: absolute;
width: 16px;
height: 16px;
background-image: url({link to your tab image});
}
of-course you need to refine the code, add more style properties to match the look ;)
 
#3
Thanks Mr.Goodie. However, it seems very complicated. Are there any other ways to find the name tab that i just added on the navigation then insert some html code like: <img src="image links"> as same as i can do it for the default tabs of Xenforo?
 

Jake Bunce

XenForo moderator
Staff member
#5
Thanks Mr.Goodie. However, it seems very complicated. Are there any other ways to find the name tab that i just added on the navigation then insert some html code like: <img src="image links"> as same as i can do it for the default tabs of Xenforo?
The Nodes As Tabs addon (as well as every other addon with a tab) uses the extraTabs skeleton in the navigation template. It's a generic block of HTML that is used for all such tabs. Editing that skeleton would affect all such tabs.

CSS is the way to go. Example:

Code:
.nodetab31 .navLink:before
{
	content: url('path/to/image.gif');
	margin-right: 5px;
}
The result:

Screen shot 2012-12-28 at 11.22.00 PM.png