XF 2.1 mode icon
- Thread starter Faust
- Start date
Yes.
Also yes.
You did not ask how to do this but I'll give you some linkes anyway:
[cXF] Node icons with image
Would you like to change your default Font Awesome node icons with image like this? < read node > < unread node > To change a single node icon with an image add this code to your extra.less template: Change X with your node ID. (How...
xenforo.com
[cXF] Change default FA node icon
Would you like to change your default Font Awesome node icons like this? < read node > < unread node > To change a single node icon with a different Font Awesome icon add this code to your extra.less template: Change X with your node...
xenforo.com
Unmaintained - Iconify Custom Node Icons
Important: this add-on requires installation of Iconify Integration add-on. Click here to get Iconify Integration add-on. This add-on makes it possible to set custom icons for each node. For forums and categories you can set read and unread node...
xenforo.com
Unmaintained - Different Node Icons Per Node
To create individual icons per desired node follow these instructions below. Make sure you have the addon TH (Nodes) installed. Also this is an Acknowledgement this is a guide and tutorial for an addon created by @ThemeHouse so the addon rights...
xenforo.com
Unmaintained - Node Icon
Description: Want assign some icons to forums at list, but can't found option for do it? Easy for use addon for set custom Fontawesome icon to your forum nodes help you! Technical description: Extend node class for save icon name. Modify Node...
xenforo.com
[cXF] Coloured Node Icons
Check Free and Premium cXF DIY Customizations on customizexf.com How to change node icon colour to something like that? This is a DIY step-by-step tutorial. Before changing the code let's get prepared: To change the category block header...
xenforo.com
[XFA] Nodes Icon Tweak - XF2
Description Nodes Icon Tweak allows you to easily change the default icons of your nodes (Read, unread, pages and links). Four types of replacement icons are available: Font Awesome Icons loaded from your server Sprite image URL Latest poster...
xenforo.com
Rhody
Well-known member
I used the above links to learn how to do it. Here is an example of the code for extra.less for an external image of your own:
Code:
/*** Node icons with image, by node id #. see /ads/nodes/filename.png 50x50 added by rhody/mike 3/2/20 **/
.node.node--id41 {
.node-icon i { display: none; }
&.node--forum {
.node-body {
/*padding-left: 5px;*/
}
.node-icon {
background-image: url('/ads/nodes/41.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
&.node--read .node-icon {
opacity: 0.4;
}
}
}Still now working
The code below:
/*** Node icons with image, by node id #. see /ads/nodes/filename.png 50x50 added by rhody/mike 3/2/20 **/
.node.node--id50 {
.node-icon i { display: none; }
&.node--forum {
.node-body {
/padding-left: 5px;/
}
.node-icon {
background-image: url('/styles/uix/badges/crown.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
&.node--read .node-icon {
opacity: 0.4;
}
}
}
Hambalie
Member
Font Awesome icons.
fontawesome.com
https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=speech&s=solid
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=speech&s=solid
Similar threads
- Question
