Marathia’s Stacks

stacks for the rest of us

stacks for the rest of us

Stacks Image 91180

This stack is
discontinued
and will no longer be updated.

OK

Discontinued
Stacks Image 91039

ExternalLinkIcon3 Stack

shows a Font Awesome icon after external links

Making a clear distinction between links within a site (internal links) and links that lead to another site (external links) enhances the usability of a site. Wikipedia uses them, and so does the American government (HHS.gov). This stack does just that, by adding a Font Awesome icon external links.

Demo
…and with the ExternalLinkIcon3 stack.

Google
Marathia Web Design
RealmacSoftware
RapidWeaver forum
Facebook
Twitter
Home (internal link)
Google (link with a class NoLinkIcon)
Usage
Just drag one or more stacks that can contain text in the drop zone of the stack. Advanced users can also set one or more custom selectors to fade in.
You can set the icon on all external links, or only those that open in a new window.
Choose between two icon types ( or ). Optionally, you can set the size and the color of the icons (fig. 1).
When choosing the option all external links, make sure you start all external links with http:// or https:// — without this the icons will not show.
For specific links you don't want an icon on, add a class NoLinkIcon (fig. 2).

Need help using it on a non-stacks page? Here’s a tutorial.

Support
Please use this form to report all issues, questions and comments.

This stack requires RapidWeaver (version 7 or higher) and the Stacks plugin by YourHead (version 3.5 or higher).

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…