Font awesome

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
User avatar
wads24
Registered User
Posts: 456
Joined: Fri Jun 10, 2005 4:44 am
Name: James

Font awesome

Post by wads24 » Thu Dec 06, 2018 5:40 pm

Why does this icon doesn't show?

Code: Select all

<i class="fa fa-envelope-open-o" aria-hidden="true"></i>
Thanks in advance for a reply.

User avatar
Crizzo
Translations & International Support Teams Manager
Translations & International Support Teams Manager
Posts: 814
Joined: Thu Apr 23, 2009 1:20 pm
Location: Germany
Name: Christian
Contact:

Re: Font awesome

Post by Crizzo » Thu Dec 06, 2018 6:30 pm

Where comes this -o from? I can only find the envelope-open in the Libary of fontawesome
My extensions for phpBB: crizzo.de
German phpBB Support at www.phpbb.de

User avatar
3Di
Registered User
Posts: 13133
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Font awesome

Post by 3Di » Thu Dec 06, 2018 6:37 pm

https://fontawesome.com/v4.7.0/icon/envelope-open-o


try:

Code: Select all

<i class="fa fa-envelope-open-o fa-fw" aria-hidden="true"></i>
not tested.
:game_die: The new Dice Roller extension for phpBB 3.2 is out! :game_die:

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

janus_zonstraal
Registered User
Posts: 2783
Joined: Sat Aug 30, 2014 1:30 pm

Re: Font awesome

Post by janus_zonstraal » Thu Dec 06, 2018 6:44 pm

try
<i class="icon fa-envelope fa-fw " aria-hidden="true"></i>
Sorry! My English is bat ;) !!!

User avatar
david63
Jr. Extension Validator
Posts: 15070
Joined: Thu Dec 19, 2002 8:08 am
Location: Lancashire, UK
Name: David Wood
Contact:

Re: Font awesome

Post by david63 » Thu Dec 06, 2018 7:13 pm

Possibly because not all font Awesome icons are in the version available on phpBB - remember that some icons are in the premium pack.
David
Remember: You only know what you know and - you don't know what you don't know!
My CDB Contributions | How to install an extension
I will not be accepting translations for any of my extensions in Github - please post any translations in the appropriate topic.
No support requests via PM or email as they will be ignored

User avatar
3Di
Registered User
Posts: 13133
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Font awesome

Post by 3Di » Thu Dec 06, 2018 7:17 pm

phpBB uses 4.7.0 version as far as I remember?

Edit: yes

Code: Select all

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
before{content:"\f002"}.fa-envelope-o:
:game_die: The new Dice Roller extension for phpBB 3.2 is out! :game_die:

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
wads24
Registered User
Posts: 456
Joined: Fri Jun 10, 2005 4:44 am
Name: James

Re: Font awesome

Post by wads24 » Thu Dec 06, 2018 7:31 pm

3Di wrote:
Thu Dec 06, 2018 6:37 pm
https://fontawesome.com/v4.7.0/icon/envelope-open-o


try:

Code: Select all

<i class="fa fa-envelope-open-o fa-fw" aria-hidden="true"></i>
not tested.
Nope. That didn't work
3Di wrote:
Thu Dec 06, 2018 7:17 pm
phpBB uses 4.7.0 version as far as I remember?

Edit: yes

Code: Select all

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
before{content:"\f002"}.fa-envelope-o:
Is this an edit?
Last edited by wads24 on Thu Dec 06, 2018 7:37 pm, edited 1 time in total.
Thanks in advance for a reply.

User avatar
3Di
Registered User
Posts: 13133
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Font awesome

Post by 3Di » Thu Dec 06, 2018 7:35 pm

wads24 wrote:
Thu Dec 06, 2018 7:31 pm
Nope. That didn't work
phpBB version?
:game_die: The new Dice Roller extension for phpBB 3.2 is out! :game_die:

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
wads24
Registered User
Posts: 456
Joined: Fri Jun 10, 2005 4:44 am
Name: James

Re: Font awesome

Post by wads24 » Thu Dec 06, 2018 7:37 pm

3Di wrote:
Thu Dec 06, 2018 7:35 pm
wads24 wrote:
Thu Dec 06, 2018 7:31 pm
Nope. That didn't work
phpBB version?
3.2.4
Thanks in advance for a reply.

User avatar
3Di
Registered User
Posts: 13133
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Font awesome

Post by 3Di » Thu Dec 06, 2018 7:42 pm

wads24 wrote:
Thu Dec 06, 2018 7:37 pm
3Di wrote:
Thu Dec 06, 2018 7:35 pm
wads24 wrote:
Thu Dec 06, 2018 7:31 pm
Nope. That didn't work
phpBB version?
3.2.4
And where exactly are you tring this code? A post or a template file? If the latter, did you purge the cache?

Code: Select all

<i class="fa fa-envelope-open-o fa-fw" aria-hidden="true"></i>
The above edit of mine was to specify the icon you want to use it IS included in phpBB 3.2.4, just a note.

Edit: because I tried and it works just fine.
envelope-o.png
envelope-o.png (19.9 KiB) Viewed 323 times
:game_die: The new Dice Roller extension for phpBB 3.2 is out! :game_die:

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
wads24
Registered User
Posts: 456
Joined: Fri Jun 10, 2005 4:44 am
Name: James

Re: Font awesome

Post by wads24 » Thu Dec 06, 2018 7:55 pm

3Di wrote:
Thu Dec 06, 2018 7:42 pm
wads24 wrote:
Thu Dec 06, 2018 7:37 pm
3Di wrote:
Thu Dec 06, 2018 7:35 pm
wads24 wrote:
Thu Dec 06, 2018 7:31 pm
Nope. That didn't work
phpBB version?
3.2.4
And where exactly are you tring this code? A post or a template file? If the latter, did you purge the cache?

Code: Select all

<i class="fa fa-envelope-open-o fa-fw" aria-hidden="true"></i>
The above edit of mine was to specify the icon you want to use it IS included in phpBB 3.2.4, just a note.

Edit: because I tried and it works just fine.

envelope-o.png
Edit
styles/prosilver/template/navbar_header.html

Code: Select all

<!-- IF S_DISPLAY_PM -->
			<li class="rightside" data-skip-responsive="true">
				<a href="{U_PRIVATEMSGS}" role="menuitem">
					{% if PRIVATE_MESSAGE_COUNT %}<i class="icon fa-envelope fa-fw faa-shake animated icon-red" aria-hidden="true"></i>{% else %}<i class="fa fa-envelope-open-o fa-fw" aria-hidden="true"></i>{% endif %}<span>{L_PRIVATE_MESSAGES} </span><strong class="badge<!-- IF not PRIVATE_MESSAGE_COUNT --> hidden<!-- ENDIF -->">{PRIVATE_MESSAGE_COUNT}</strong>
				</a>
			</li>
Thanks in advance for a reply.

User avatar
3Di
Registered User
Posts: 13133
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: Font awesome

Post by 3Di » Thu Dec 06, 2018 8:00 pm

Which now looks more like a custom coding request Man. ;)
:game_die: The new Dice Roller extension for phpBB 3.2 is out! :game_die:

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
Extensions, Scripts, MOD porting, Update/Upgrades
My development's activity º PhpStorm's proud user

User avatar
wads24
Registered User
Posts: 456
Joined: Fri Jun 10, 2005 4:44 am
Name: James

Re: Font awesome

Post by wads24 » Fri Dec 07, 2018 10:52 pm

3Di wrote:
Thu Dec 06, 2018 8:00 pm
Which now looks more like a custom coding request Man. ;)
It works with envelope but not the open one
Thanks in advance for a reply.

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 754
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Font awesome

Post by Hanakin » Thu Dec 13, 2018 1:41 pm

we ship 4.4.0 the newer versions changed the way they implement things which means we can not upgrade until a minor version at best as it causes breaking changes

User avatar
eeji
Jr. Style Validator
Posts: 944
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK
Contact:

Re: Font awesome

Post by eeji » Thu Dec 13, 2018 7:35 pm

fa-envelope-open-o was introduced in Font Awesome 4.7 so you would need to update your FA version for this icon to work. 4.4 and 4.7 afaik are implemented the same way so stuff shouldn't break elsewhere.

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: Mannix_, TheButcher2 and 6 guests