NandorHUN Active member Dec 2, 2020 #1 Basically I would like to set a custom icon to each and every node if possible... Thanks a lot!
Paul B XenForo moderator Staff member Dec 2, 2020 #2 Yes, it's possible using the extra.less template with custom CSS targeting each node ID. Upvote 0 Downvote
NandorHUN Active member Dec 2, 2020 #3 Im not really a technical guy... how hard is it to do it? If possible I wanted to have a simple "browse" the icon solution for each node and forum.... Upvote 0 Downvote
Im not really a technical guy... how hard is it to do it? If possible I wanted to have a simple "browse" the icon solution for each node and forum....
Paul B XenForo moderator Staff member Dec 2, 2020 #4 Any sort of automated process would require custom development. It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server. Upvote 0 Downvote
Any sort of automated process would require custom development. It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server.
NandorHUN Active member Dec 2, 2020 #5 Brogan said: Any sort of automated process would require custom development. It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server. Click to expand... Is there a tutorial or description? Also, what about ad-ons? Upvote 0 Downvote
Brogan said: Any sort of automated process would require custom development. It's not that hard to do - it just requires some CSS per node, as well as uploading the images to the server. Click to expand... Is there a tutorial or description? Also, what about ad-ons?
beerForo Well-known member Dec 2, 2020 #6 Go to fontawesome and select the icon you want. Put this in extra.less (per forum). Code: .node--idxx.node--page .node-icon i:before { content: "\xxxx"; } xx = the forum id, example: 24 xxxx = the font awesome code, example: f636 Upvote 0 Downvote
Go to fontawesome and select the icon you want. Put this in extra.less (per forum). Code: .node--idxx.node--page .node-icon i:before { content: "\xxxx"; } xx = the forum id, example: 24 xxxx = the font awesome code, example: f636
NandorHUN Active member Dec 2, 2020 #7 beerForo said: Go to fontawesome and select the icon you want. Put this in extra.less (per forum). Code: .node--idxx.node--page .node-icon i:before { content: "\xxxx"; } xx = the forum id, example: 24 xxxx = the font awesome code, example: f636 Click to expand... Thanks! I know I will sound stupid, but where is this fontawesome? I guess I will just have to upload the icons via ftp, no? If I add this to extra.less how will the "thread" find the icon? There's no link in this code.... Thanks again! Upvote 0 Downvote
beerForo said: Go to fontawesome and select the icon you want. Put this in extra.less (per forum). Code: .node--idxx.node--page .node-icon i:before { content: "\xxxx"; } xx = the forum id, example: 24 xxxx = the font awesome code, example: f636 Click to expand... Thanks! I know I will sound stupid, but where is this fontawesome? I guess I will just have to upload the icons via ftp, no? If I add this to extra.less how will the "thread" find the icon? There's no link in this code.... Thanks again!
beerForo Well-known member Dec 2, 2020 #8 Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com Search icons there for what you need. Just get the code. This is for the forum node, not thread. You might want to look into the article thread type and the preview view mode if you want imagery for threads. Upvote 0 Downvote
Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com Search icons there for what you need. Just get the code. This is for the forum node, not thread. You might want to look into the article thread type and the preview view mode if you want imagery for threads.
NandorHUN Active member Dec 2, 2020 #9 beerForo said: Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com Search icons there for what you need. Just get the code. This is for the forum node, not thread. You might want to look into the article thread type and the preview view mode if you want imagery for threads. Click to expand... Well, I mostly only want to get icons for the forums not the threads, so that's fine. But these icons are expensive... 99 USD/year, when I can buy better ones for 10 USD? Upvote 0 Downvote
beerForo said: Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com Search icons there for what you need. Just get the code. This is for the forum node, not thread. You might want to look into the article thread type and the preview view mode if you want imagery for threads. Click to expand... Well, I mostly only want to get icons for the forums not the threads, so that's fine. But these icons are expensive... 99 USD/year, when I can buy better ones for 10 USD?
beerForo Well-known member Dec 2, 2020 #10 XF has already paid for the usage. Just use the code where the xxxx are. Upvote 0 Downvote
NandorHUN Active member Dec 3, 2020 #11 beerForo said: XF has already paid for the usage. Just use the code where the xxxx are. Click to expand... I see, thanks. And what if I want to use custome icons - something that's more colorful? Upvote 0 Downvote
beerForo said: XF has already paid for the usage. Just use the code where the xxxx are. Click to expand... I see, thanks. And what if I want to use custome icons - something that's more colorful?
StryGuardian Active member Dec 3, 2020 #13 Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons. Upvote 1 Downvote
Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons.
StryGuardian Active member Dec 4, 2020 #15 Works with 2.1, so it should work with 2.2. Upvote 0 Downvote
beerForo Well-known member Dec 4, 2020 #16 The comments seem to say it does. Check the thread. Upvote 0 Downvote
NandorHUN Active member Dec 4, 2020 #17 StryGuardian said: Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons. Click to expand... Thanks. I like it, but it automatically makes the forums "thicker" in the list. Is there any way to set it back? Upvote 0 Downvote
StryGuardian said: Just do yourself a favor and purchase this addon for $10. You can use whichever images you want as node icons. Click to expand... Thanks. I like it, but it automatically makes the forums "thicker" in the list. Is there any way to set it back?
Paul B XenForo moderator Staff member Dec 4, 2020 #18 Post in the resource thread for any questions or assistance with it. Upvote 0 Downvote