Biology Forums - Study Force

Discussion Suggestions and Updates Topic started by: Biology Forums on Jul 25, 2016



Title: Now you can add Font Awesome icons to your posts
Post by: Biology Forums on Jul 25, 2016
We've added a new modification where you can add Font Awesome icons into your posts.

For those who don't know, Font Awesome is a web font containing icons that responds to styles and classes that affect text.

Usage:

An icon is inserted by using , where <icon name> is the name of the icon, without the "fa-" prefix. A complete list of icons can be found on the official Font Awesome website.

Example: (This adds the trophy icon to the post on that position.)

The code: [fa]trophy[/fa]

Parameters

Font Awesome also supports spinner icons, rotating and flipping of icons, and equal-width icons. These can be passed to the tags by using [fa=<option>]<icon name>[/fa].

Example: (This adds the spinner icon and makes it turn clockwise.)

The code: [fa=spin]spinner[/fa]

Options are:

"spin" (which makes the icon spin),
"pulse" (makes the icon spin in 8 steps),
"rotate-90", "rotate-180", "rotate-270" (turns the icon that many degrees),
"flip-horizontal", "flip-vertical" (to flip the icon along those axes) and
"fw" (which sets the width of an icon to a constant value, to align icons with different widths).

It is not possible to combine multiple options, although this usually is not necessary.

For a full list of font awesome icons, visit: http://fontawesome.io/icons/

Hope you enjoy!

The code: [fa=rotate-180]fa-smile-o[/fa]