Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Fontawesome plugin 0.7.4

Icons and symbols.


How to install plugin

  1. Download and install Datenstrom Yellow.
  2. Download plugin. If you are using Safari, right click and select 'Download file as'.
  3. Copy into your system/plugins folder.

To uninstall delete the plugin files.

How to add an icon

Add :shortcode: to the text of a page. Here's a complete list of icons.

It's also possible to create a [fa] shortcut or use HTML <i class="fa fa-name"></i>.

You can add an additional style to the name, for example fa-lg, fa-2x, fa-3x, fa-4x and fa-5x.

The plugin uses Font Awesome v4.5.0 by Dave Gandy, which supports about 600 pictographic icons. It's licensed under OFL 1.1. Font Awesome has icons for web applications, buttons and forms. There's a fontawesome.css which you can adjust or use in your own style sheets.


Adding an icon:


Adding an icon, normal and double size:

[fa fa-envelope-o]
[fa fa-twitter]
[fa fa-github]

[fa fa-envelope-o fa-2x]
[fa fa-twitter fa-2x]
[fa fa-github fa-2x]

Navigation snippet with social media icons:

<?php $pages = $yellow->pages->top() ?>
<?php $yellow->page->setLastModified($pages->getModified()) ?>
<div class="navigation" role="navigation">
<?php foreach($pages as $page): ?>
<li><a<?php echo $page->isActive() ? " class=\"active\"" : "" ?> href="<?php echo $page->getLocation(true) ?>"><?php echo $page->getHtml("titleNavigation") ?></a></li>
<?php endforeach ?>
<li><a href=""><i class="fa fa-twitter fa-lg"></i></a></li>
<li><a href=""><i class="fa fa-github fa-lg"></i></a></li>
<li><a href=""><i class="fa fa-heart fa-lg"></i></a></li>
<div class="navigation-banner"></div>


Datenstrom. Get support.