FontAwesome Icons in Visitor Tab and Account Wrapper (Third Party Addons)

[Matthew Hawley]

Matthew Hawley submitted a new resource:

FontAwesome Icons in Visitor Tab and Account Wrapper (Third Party Addons) - Font Awesome Icons for Third Party Addons.

FontAwesome Website: http://fortawesome.github.io/Font-Awesome/
List of icons: http://fortawesome.github.io/Font-Awesome/icons/

Bookmarks by Syndol:
Go to bookmarks_navigation_visitor_tab_links2 and replace everything with:

<li><a href="{xen:link account/bookmarks}"><i class="icon-bookmark icon-large" style="padding-right:6px;"></i>{xen:phrase bookmarks_your_bookmarks}</a></li>

Go to...​

Read more about this resource...

 

[Andy.N]

Awesome addon. Is it possible to replace a sprite image by font icon?
Usually, the sprite image is called by
background: transparenturl('/styles/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;

Can we replace it by calling the font icon?

 

[Matthew Hawley]

Yes I believe so, where do you want to change it?

 

[Andy.N]

Yes I believe so, where do you want to change it?

Great.
For example, replace the pin and lock icons from here (the first sticky thread)
http://xenforo.com/community/forums/bugs/

The RSS icon on the forum home and at the footer.

 

[Matthew Hawley]

For the RSS icon, http://xenforo.com/community/resources/fontawesome-icon-as-rss-icon.1989/.

For the pin and lock icons let me get back to you.

 

[MasterPiece]

Steam Won't show to me

 

[Matthew Hawley]

I can't add code without his permission. It's paid.

 

[Sheratan]

I can't add code without his permission. It's paid.

Ouch. I'm sorry. I bought that add-on. I guess I'm gonna deleted my post above.

 

[Andy.N]

For the pin and lock icons let me get back to you.

Did you find out how to do it yet?

 

[Matthew Hawley]

Did you find out how to do it yet?

I tried and I can't figure it out.

 

[Andy.N]

I tried and I can't figure it out.

I hope you figure it out soon. It will save a few http queries.

 

[Andy.N]

I tried and I can't figure it out.

Still no luck?

 

[Matthew Hawley]

Still no luck?

Actually to be honest I haven't tried....been busy.

 

[Sheldon]

Still no luck?

Is this what you are looking for?

 

[Andy.N]

Is this what you are looking for?

View attachment 55887

YES

 

[Sheldon]

This is all three:

 

[Andy.N]

This is all three:

View attachment 55959

Tell us already.

 

[rdn]

This is all three:

View attachment 55959

Nice implementation, but using fontawesome.css just to use this 3 icons is overkill

 

[Sheldon]

Nice implementation, but using fontawesome.css just to use this 3 icons is overkill

Why are you telling me?

I wasn't the one who wanted it done. I just wanted to see if it could be done.

Also, if you are using FontAwesome elsewhere, you really aren't adding anything else. You are simply doing a replace.

 

[Andy.N]

Also, if you are using FontAwesome elsewhere, you really aren't adding anything else. You are simply doing a replace.

Exactly.
I'm using fontawesome elsewhere and it already loads css from page_container template, may as well replace all sprite icons with these webfonts to save on http requests.
Thanks Sheldon. Is it hard to replace them? Can you also replace the widgetArrow dropdown when you hover the menu tabs too?