Forums

[resolved] Marking External Links (4 posts)

  1. bananasontoast
    Member
    Posted 6 years ago #

    I am wondering if it's possible, either by plugin or by some trick such as Javascript, to mark all external links either by a different CSS styling or some other convention. My website is http://www.bananasontoast.org/ and it would be cool if any link that wasn't *.bananasontoast.org* was marked in some way. If anyone knows how I can achieve this it would be much appreciated.

  2. petit
    Member
    Posted 6 years ago #

    This plugin might do it for you. It identifies external links and adds a class to them, which you can style in your stylesheet. Using before and/or after rules ( CSS3 ) you may even insert a small icon to hint that this is an external link.

  3. niziol
    Member
    Posted 6 years ago #

    I use the Links Indication plug-in and it works perfectly. It offers more options than just external links, like enabling you to identify a link to anywhere with a custom style, for example a link to wikipedia could use a special icon etc. It's all done through the options panel, so it's very easy and straight forward.

    Good luck,
    Michael.

  4. bananasontoast
    Member
    Posted 6 years ago #

    Thanks to both of you for your replies, both links were very helpful. I must admit that the Link Indication Plugin really took it over the top for me, I'll be implementing it right away!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags