FontAwesome Icons in Sidebar

[Matthew Hawley]

Matthew Hawley submitted a new resource:

FontAwesome Icons in Sidebar - FontAwesome!

1. Go to sidebar_online_users

Find:

<h3>{xen:phrase staff_online_now}</h3>

Replace with:

<h3><i class="icon-user icon-small icon-fixed-width" style="padding-right:4px;"></i>{xen:phrase staff_online_now}</h3>

Find:

<h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>

Replace with:

<h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}"><i class="icon-group...

Read more about this resource...

 

[mauzao9]

This looks nice, it works the same way for who is using bd widget framework, since it replaces the main ones?

 

[Matthew Hawley]

This looks nice, it works the same way for who is using bd widget framework, since it replaces the main ones?

I think so. You can try.

 

[kankan]

For widget, you have to paste the code in the field title of your widget page configuration. (support HTML)
As the title field is limited to 75 chars, you will have to extend the VARCHAR value to a bigger size through mysql query or phpmyadmin.
Then paste the code, and it works.

 

[Matthew Hawley]

For widget, you have to paste the code in the field title of your widget page configuration.
As the title field is limited to 75 char, you will have to extend it to a bigger size through mysql query or phpmyadmin.
Then paste the code, and it works.

Ok we'll I'm on my mobile. I'll try it when I get on my laptop

 

[dbembibre]

I think that a sprite image save 2 domain queries. Looks nice. Good job!!!

 

[Matthew Hawley]

Matthew Hawley updated FontAwesome Icons in Sidebar with a new update entry:

Font Awesome 3.2.1

Updated CSS to Font Awesome 3.2.1

Read the rest of this update entry...

 

[DRE]

For widget, you have to paste the code in the field title of your widget page configuration. (support HTML)
As the title field is limited to 75 chars, you will have to extend the VARCHAR value to a bigger size through mysql query or phpmyadmin.
Then paste the code, and it works.

damn all that for an icon.

 

[irtehun]

How do i remove the stock images? After adding this i have 2 icons.

 

[Matthew Hawley]

I dont understand.

 

[irtehun]

I'll screenshot it

 

[irtehun]

Heres what i mean. see ho its showing 2 images?

 

[Matthew Hawley]

Heres what i mean. see ho its showing 2 images?

Well thats not a problem with my template edit. You will have to contact the developer of the skin to remove the image.

 

[irtehun]

Ok i was just asking. Thought maybe someone could shed some light

 

[deslocotoco]

This can work on XF 2.0?

 

[Ozzy47]

This can work on XF 2.0?

No XF1 addons will work with XF2. Someone would have to rewrite this.