Advertisement:

Author Topic: Font AweaZome BBC Code  (Read 3718 times)

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Font AweaZome BBC Code
« on: May 09, 2017, 05:46:15 PM »
Link al mod

Font AweaZome
Author: zStudios Networks

Description

For SMF 2.0.x only

This mod will add a tags: 
[fa]fa-rebel[/fa]
 
Using the Font Aweasome CDN for implement the Font Aweasome Icons via BBC  for the threads, and HTML for your forum templates.
License

 * This SMF modification is subject to the Mozilla Public License Version
 * 2.0 (the "License"); you may not use this SMF modification except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 
Languages
-English/utf8

Changelog

1.0 - Jan 07, 2017
-Code improved.

1.2 - May 18, 2017
-Stack Icons  feature added [fasi]
Note: For the usage of this modification we use the javascript CDN of Font Awesome, who has a function of error reports, any error from font awesome icon will be reported to their server..

Offline sǝๅqɯɐɥS

  • SMF Hero
  • ******
  • Posts: 4,511
  • Gender: Male
    • i30 Owners Club
Re: Font AweaZome BBC Code
« Reply #1 on: May 09, 2017, 07:07:36 PM »
Quote
Note: ... always is get reports from our forums about errors from FontAweasome. it's all secure.

Can you explain what that means (it makes no sense to me).

Thanks.

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #2 on: May 10, 2017, 12:32:05 AM »
For the usage of this modification we use the javascript CDN of Font Awesome, who has a function of error reports, any error from font awesome icon will be reported to their server.

so, its secure for us.

I'm sorry if I was not clear, English is not my mother tongue

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #3 on: May 10, 2017, 05:52:13 AM »
Any example how to implement or use this mod?
Thanks!

Offline keyboard

  • Jr. Member
  • **
  • Posts: 315
    • www.createsongstyles.com
Re: Font AweaZome BBC Code
« Reply #4 on: May 10, 2017, 05:08:17 PM »
Yes, I am also interested on the implementation also !!!

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #5 on: May 11, 2017, 11:52:41 AM »
use the font awesome icon codes
here's a list of them: http://fontawesome.io/cheatsheet/

Per Example: [fa]fa-rebel[/fa]

And you can add the other options

http://fontawesome.io/examples/

some of them won't work very well.

and for webmasters, you can add FontAwesome too, but in HTML.

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #6 on: May 12, 2017, 10:33:07 AM »
This mod is not working properly or I am doing something wrong!?  :o
Here what need's to be done on a every installation process. Editing files because the mod won't install by itself.



Adding a javascript code is not working. I can see the black flag icon but there are issues with smiles collection which are bellow the tag icons on the menu.
The [fa] tag also is not working properly.

Sorry folk, but I don't see something useful.  :(

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 8,646
  • Gender: Male
  • Black cat rulz!
    • Antes on GitHub
    • merta on LinkedIn
    • @antesistan on Twitter
    • Lunarfall
Re: Font AweaZome BBC Code
« Reply #7 on: May 12, 2017, 11:13:42 AM »
Its working fine.

This should be the FontAweaZome.xml
Code: (Original) [Select]
<file name="$themedir/index.template.php">
<operation>
<search position="before"><![CDATA[
// Here comes the JavaScript bits!
echo '
]]></search>
<add><![CDATA[
<script src="https://use.fontawesome.com/aa22eb6168.js"></script>
]]></add>
</operation>
</file>
Code: (Suggested) [Select]
<file name="$themedir/index.template.php">
<operation>
<search position="before"><![CDATA[ // Here comes the JavaScript bits!
echo ']]></search>
<add><![CDATA[
<script src="https://use.fontawesome.com/aa22eb6168.js"></script>]]></add>
</operation>
</file>
Active Project(s): [ SimpleDesk ] # [ Lunarfall ] # [ CoreStore ]

Past Project(s): [ ezPortal ]

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #8 on: May 13, 2017, 01:21:10 AM »
This mod is not working properly or I am doing something wrong!?  :o
Here what need's to be done on a every installation process. Editing files because the mod won't install by itself.



Adding a javascript code is not working. I can see the black flag icon but there are issues with smiles collection which are bellow the tag icons on the menu.
The [fa] tag also is not working properly.

Sorry folk, but I don't see something useful.  :(


its a little error in the installation file
Its working fine.

This should be the FontAweaZome.xml
Code: (Original) [Select]
<file name="$themedir/index.template.php">
<operation>
<search position="before"><![CDATA[
// Here comes the JavaScript bits!
echo '
]]></search>
<add><![CDATA[
<script src="https://use.fontawesome.com/aa22eb6168.js"></script>
]]></add>
</operation>
</file>
Code: (Suggested) [Select]
<file name="$themedir/index.template.php">
<operation>
<search position="before"><![CDATA[ // Here comes the JavaScript bits!
echo ']]></search>
<add><![CDATA[
<script src="https://use.fontawesome.com/aa22eb6168.js"></script>]]></add>
</operation>
</file>

very thanks, i forgot upload the final package from github to smf.

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #9 on: May 13, 2017, 10:07:39 AM »
^ after you changed the code now is working and mod is perfectly fine.

Cheers.  ;)

Offline gorbi

  • Semi-Newbie
  • *
  • Posts: 90
    • https://www.facebook.com/s.gorbachevsky on Facebook
    • @gorbachevsky on Twitter
Re: Font AweaZome BBC Code
« Reply #10 on: May 14, 2017, 01:48:16 PM »
give me example how create Larger Icons

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #11 on: May 14, 2017, 03:49:32 PM »
give me example how create Larger Icons

http://fontawesome.io/examples/

[fa]fa-camera-retro fa-5x[/fa]

and now the camera icon its bigger.

This is an example of the icon on HTML
<i class="fa fa-camera-retro fa-5x"></i>
*The red part must be inside the bbcode of fontawesome
**Do not add the first fa cause the bbcode already have it one

Offline gorbi

  • Semi-Newbie
  • *
  • Posts: 90
    • https://www.facebook.com/s.gorbachevsky on Facebook
    • @gorbachevsky on Twitter
Re: Font AweaZome BBC Code
« Reply #12 on: May 15, 2017, 02:55:02 AM »
give me example use BBC for create Stacked Icons. Thanks

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 68,044
    • Arantor on GitHub
Re: Font AweaZome BBC Code
« Reply #13 on: May 15, 2017, 03:16:17 AM »
I don't think this supports it.
To assume is to hope that those who came before had the presence of mind and capacity to implement the dreams of those who would come after.

You either die a hero or live long enough to see yourself become the villain. It seems you have chosen which, and now I must do the same.

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #14 on: May 15, 2017, 08:25:42 AM »
For now the BBC code for Stacked icons isn't in the package, We are doing some changes in this modification, to add the Stacked icons and List icons, to have a complete version until the release of Font Aweasome 5.

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #15 on: May 15, 2017, 09:43:07 AM »
For now the BBC code for Stacked icons isn't in the package, We are doing some changes in this modification, to add the Stacked icons and List icons, to have a complete version until the release of Font Aweasome 5.
This would be great!  :)

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #16 on: May 17, 2017, 12:04:16 PM »
Now I see that the mod is not working to all themes. ???
Is there any way to fix this issue?

Thanks! :)

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #17 on: May 17, 2017, 08:33:09 PM »
This package should work on any theme, because only the index.template.php of each theme is edited to add the libraries.

Its working fine.

search this in the index.template.php of you current theme

Code: [Select]
// Here comes the JavaScript bits!
echo '

And add this
         
Code: [Select]
<script src="https://use.fontawesome.com/aa22eb6168.js"></script>

Offline zStudios Team

  • Semi-Newbie
  • *
  • Posts: 41
  • Design and Development
    • zStudiosNetworks on Facebook
    • Siplhes on GitHub
    • zStudios Networks
Re: Font AweaZome BBC Code
« Reply #18 on: May 19, 2017, 03:37:29 AM »
New update

1.2 - May 18, 2017
-Stack Icons  feature added [fasi]

how to use it :  http://smfdemo.zstudios.es/index.php?topic=3

Offline pocttopus

  • Jr. Member
  • **
  • Posts: 151
    • @pocttopus on Twitter
Re: Font AweaZome BBC Code
« Reply #19 on: May 19, 2017, 07:25:32 AM »
Im a big fan of these icons so this is really great news.
If only there is any chance to implement these icons or some of them inside the menu of "reply" page it would be very useful and more easy for every member.

There are lot of basic members which are not very well introduced into these FontAwesome icons, but they are really great and good looking with a lot of options especially now with this new tag [fasi] update.

Keep it up!  :)
« Last Edit: May 19, 2017, 07:38:30 AM by pocttopus »