Want even more control over the looks of your links? My LinkPlus Stack takes link styling to the next level, improving the accessibility for color blind and those with dexterity impairments as well.
ExternalLinkIcon Stack

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)
Above, the external links show the default icon. The external links below show an alternative icon with a custom color:

Usage
  • Just drag one or more stacks that can contain text in the drop zone of the stack. 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 the Stacks plugin by YourHead (version 3).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
adding a NoLinkIcon class
fig. 2: Adding a class ‘NoLinkIcon’ prevents an icon from showing

ExternalLinkIcon3 HUD
fig. 1
© 2012-2017 Marathia Web Design | Contact