Add External ( Wiki style ) icon to External Links

422

Ok this is a fudge, but it works. However you may need to set some rules, for external images etc.. however I am sure from this you can make this work how you want.

You know those wiki links like Vanillaskins

Where the external link icon is automatically added to a link with http in it ?

Ok so here is the basic code.

Image you can save this one

Add this to your CSS:

a[href^="http://"] {
    background: url('../img/external.png') center right no-repeat;
    padding-right: 13px;
}

Lets say you dont want it to show on your site links because you use http within your own site link url, you could also use:

a[href^="http://www.mywebsite.com"]  {
    background: none;
    padding-right: 0;
}

This will hide the icon for your own URL links, just change URL above to suit. Theres plenty of other methods and rules, I utilise this and hide for internal images etc. But I am sure you can figure these out on your own.

Enjoy

422

Oh and don't forget to set the image path to your image path in your forum.

Example say your theme has a custom css. Then add the css code above to your custom stylesheet.
Create a folder called img and plonk external.png in that folder.

Then change the css to ('img/external.png')

Ste

peregrine

+1 = 423 likes.

422

Cheers mate

yskywalker

@442 and @peregrine like to like each other.

422

Your point is ?

peregrine

I think the point he was making - look at all the posts where someone was has helped someone and spent some time trying to assist the questioner - and there was no thank you or a click for like - but a run for the hills after the questioner received the help
But truth be told having alot of likes does nothing anyway - its all just a game.

422

Maybe a game for you !

It's my whole world , lol

Sheila

Liked you both!

422

Cheers @Sheila