1. 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

Discussion in 'XenForo Questions and Support' started by Ji2myTran, Dec 28, 2012.

  1. Ji2myTran

    Ji2myTran Active Member

  2. Mr. Goodie2Shoes

    Mr. Goodie2Shoes Well-Known Member

    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 ;)
     
    Jake Bunce likes this.
  3. Ji2myTran

    Ji2myTran Active Member

    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?
     
  4. Mr. Goodie2Shoes

    Mr. Goodie2Shoes Well-Known Member

    I don't think so... as the tabs are added dynamically.
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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
     
    Kim and Mr. Goodie2Shoes like this.
  6. Ji2myTran

    Ji2myTran Active Member

    @ Jake: Amazing... Love this mod so much! ;)
     

Share This Page