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

XF 1.5 Change Node Icons

Discussion in 'Styling and Customization Questions' started by DaveM, Nov 3, 2015.

  1. DaveM

    DaveM Well-Known Member

    I want to change my default node icons to the following

    Unread
    [​IMG]
    Read
    [​IMG]
    So now I go to - Style - Properties - Node Icons

    In the Node Icon : Forum I have the following entry

    Code:
    @imagePath/xenforo/node-sprite.png
    So I change it to any of these two but I just get a blank where the icon should display when viewing the forum lists

    Code:
    @imagePath/xenforo/data/Motorbike.png
    
    Or
    
    /xenforo/data/Motorbike.png
    So what am I doing wrong here or how do I actually do this?
     
  2. Cool

    Cool Active Member

    you have to work with the node-sprite.png
    and place your icons inside there.
    depending on size you have to udjust more.
     
  3. DaveM

    DaveM Well-Known Member

    I cannot seem to find that file at all?
     
  4. Jeremy P

    Jeremy P Well-Known Member

  5. Tracy Perry

    Tracy Perry Well-Known Member

    Did you remember to remove the CSS positioning directives from the node image locations?
    Screen Shot 2015-11-03 at 12.42.12 AM.png


    Incorrect. ;)

    What I do is simply make a new subdirectory called site_images. Under that I'll have additional subdirectories named icons, background, etc (whatever they are for).
    Then place the images in there (one for read one for unread) then edit the style properties for the node icons and place the /path/to/image.png (remembering to REMOVE the CSS location positions).

    It's BETTER to place them in a sprite sheet... that way it's only one large file to download for the user - but not required.
     
  6. rafass

    rafass Well-Known Member

    node-sprite (1).png
    node-sprite.png
     

    Attached Files:

    Robru likes this.
  7. DaveM

    DaveM Well-Known Member

    Thanks for doing this but no matter what I try I still get them looking like this

    upload_2015-11-3_9-35-18.png

    What I did with your file was upload it into my data folder then point the path for this as this

    Code:
    @imagePath/xenforo/data/node-sprite.png
    I also tried removing the Position leaving it as blank
     
  8. rafass

    rafass Well-Known Member

    I can see it, and looks great. :D clear the cache of your browser

    Screen shot 2015-11-03 at 3.44.25 PM.png

    There are also some nodes with custom images like:

    Screen shot 2015-11-03 at 3.50.32 PM.png

    maybe on your extra.css
     
    Last edited: Nov 3, 2015
  9. DaveM

    DaveM Well-Known Member

  10. Tracy Perry

    Tracy Perry Well-Known Member

    That add-on takes over the node icons from what I remember.. and if you remove it, it also removes any that you configured and fails to reset the default.
    Much better to do it via the CSS (there are many examples in topics here).
     
  11. DaveM

    DaveM Well-Known Member

    I am really not that great with anything involving coding unfortunately :(
     
  12. Tracy Perry

    Tracy Perry Well-Known Member

    It's really not that hard
    Code:
    .node.node_259 .forumNodeInfo .nodeIcon, .node.node_259 .categoryForumNodeInfo .nodeIcon {
        background-image: url("images/forum/adventure.png");
        background-position: 0px 0px;
        opacity: 0.4;
    }
    .node.node_259 .forumNodeInfo.unread .nodeIcon, .node.node_259 .categoryForumNodeInfo.unread .nodeIcon {
        background-image: url("images/forum/adventure.png");
        background-position: 0px 0px;
    }
    where the background image points at your node image, the position is 0px 0px unless using a sprite sheet (then you use the associated location) and the node_XXX (for the XXX) the actual node number (visible when you hover over it from the index).
     
  13. Russ

    Russ Well-Known Member

    Try uploading that sprite that @rafass provided to /styles/core/xenforo/ save it as node-sprite.png. It's still loading the default core ones.
     
  14. Tracy Perry

    Tracy Perry Well-Known Member

    It looks like the ones in question are pulling from styles/core/xenforo/node-sprite.png
     
  15. Russ

    Russ Well-Known Member

    Isn't that what I said? Or am I missing something here haha :D
     
  16. Tracy Perry

    Tracy Perry Well-Known Member

    You did.. I got interrupted in reading and read it as /styles/xenforo/... got a new puppy and had put her down.. and she was chewing on my toes (I'm barefoot). :oops:
     
    Russ likes this.
  17. DaveM

    DaveM Well-Known Member

    Ok did that and still no change
     
  18. Steve F

    Steve F Well-Known Member

  19. Steve F

    Steve F Well-Known Member

    Also just provide us some login details on pixelexit so we can help you get it sorted out.
     
  20. DaveM

    DaveM Well-Known Member

    Well that is just so strange as it will not upload that file at all?

    What details do you need to I can PC you with them?
     

Share This Page