Font Awesome Icons as Individual Node Icons 2.1

[BetaSparkUK]

BetaSparkUK submitted a new resource:

Font Awesome Icons as Individual Node Icons - Updated and more in-depth tutorial

This is the up-to-date version on how to use font-awesome icons as node icons. Hope it's alright that I've taken this over since the other resource located here is unmaintained. I needed this recently so I felt it was important to keep it updated. Saves time for people like me whom still wanted this.

• Upload all files to your forum directory.

When you've gone ahead and...

Read more about this resource...

 

[Veer]

You can find all the icons at Font Awesome Icons and change the "content" value to the unicode of the icon you want. (you can find this by clicking the icon)

I can't find the "content" value on font pages, i.e: fa-television: Font Awesome Icons
like used in the code: content: "\f0e6";
all we have is this: <i class="fa fa-television"></i>

 

[BetaSparkUK]

I can't find the "content" value on font pages, i.e: fa-television: Font Awesome Icons
like used in the code: content: "\f0e6";
all we have is this: <i class="fa fa-television"></i>

Don't panic, easy to find. And sorry for not being clear!
Click the icon that you want, then you'll see a little text area underneath (see images)



It uses the unicode value rather than the name.

 

[Veer]

Don't panic, easy to find. And sorry for not being clear!
Click the icon that you want, then you'll see a little text area underneath (see images)

View attachment 113038

It uses the unicode value rather than the name.

ah missed that, thanks a lot

 

[BetaSparkUK]

ah missed that, thanks a lot

Not a problem! Enjoy!

 

[BetaSparkUK]

BetaSparkUK updated Font Awesome Icons as Individual Node Icons with a new update entry:

Update 2.1 - added more fa icons

Added the up-to-date fa icons.

Read the rest of this update entry...

 

[dick1992]

how to change color?
read color dark
unread color white

.node.node_176 .forumNodesInfo .nodeIcon:after, .node.node_176 .categoryForumNodeInfo .nodeIcon:after
{
font-familys: "FontAwesome";
font-size: 36px;
content: "\f0e6";

}

.node.node_176 .forumNodesinfo.unread .nodeIcon:after, .node.node_176 .categoryForumNodeInfo.unread .nodeIcon:after
{
font-familys: "FontAwesome";
font-size: 36px;
content: "\f0e6";

}