Comments on: Simple Link Icons http://blazenewmedia.com/articles/simple-link-icons/ Sat, 14 Jun 2008 18:59:58 -0400 http://wordpress.org/?v=2.9.2 hourly 1 By: Jürgen http://blazenewmedia.com/articles/simple-link-icons/comment-page-1/#comment-396 Jürgen Sat, 17 Mar 2007 15:56:01 +0000 http://blazenewmedia.com/beta/blog/uncategorized/simple-link-icons/#comment-396 <p>Great Post. Very helpfull informations. Thanks a lot. Jürgen from Germany. :-)</p> Great Post. Very helpfull informations. Thanks a lot. Jürgen from Germany. :-)

]]> By: bingo http://blazenewmedia.com/articles/simple-link-icons/comment-page-1/#comment-71 bingo Mon, 06 Mar 2006 03:33:22 +0000 http://blazenewmedia.com/beta/blog/uncategorized/simple-link-icons/#comment-71 I am trying to start my own blog and I'm trying to learn how this works. My site looks like this<a HREF="http://bingoplaying.com" rel="nofollow"> bingo</a> http://bingoplaying.com I am trying to start my own blog and I’m trying to learn how this works.
My site looks like this bingo
http://bingoplaying.com

]]> By: Andy Peatling http://blazenewmedia.com/articles/simple-link-icons/comment-page-1/#comment-29 Andy Peatling Wed, 09 Feb 2005 22:39:25 +0000 http://blazenewmedia.com/beta/blog/uncategorized/simple-link-icons/#comment-29 Hmm previewing, why didn't I notice that? I'll get on it, maybe I turned it off in Wordpress... <strong>Update:</strong> Comment previewing is now possible. Hmm previewing, why didn’t I notice that?

I’ll get on it, maybe I turned it off in Wordpress…

Update: Comment previewing is now possible.

]]> By: Stefan Isarie http://blazenewmedia.com/articles/simple-link-icons/comment-page-1/#comment-30 Stefan Isarie Wed, 09 Feb 2005 18:53:07 +0000 http://blazenewmedia.com/beta/blog/uncategorized/simple-link-icons/#comment-30 Patrick the problem with this kind of selectors <code>a[href ^="http://"] {</code> is that they are not recongnized by MS IE. I will add a few more selectors of this kind, on topic: <code>a[href^="mailto"] {background: transparent url(images/envelope.gif) center left; padding-left:16px;}</code> ^ style only the links starting with mailto (a href="mailto:me@internet.com", for example). <code>a[target^="_blank"] {background: transparent url(images/topArrow.gif) center right;padding-right:16px;}</code> ^ Adds an arrow on the right of the link suggeting that you will leave the current website by clicking on that link Stefan PS. Hmm... Why can't I preview my post before replying? Patrick the problem with this kind of selectors
a[href ^="http://"] {
is that they are not recongnized by MS IE.

I will add a few more selectors of this kind, on topic:

a[href^="mailto"] {background: transparent url(images/envelope.gif) center left; padding-left:16px;}

^ style only the links starting with mailto (a href=”mailto:me@internet.com”, for example).

a[target^="_blank"] {background: transparent url(images/topArrow.gif) center right;padding-right:16px;}

^ Adds an arrow on the right of the link suggeting that you will leave the current website by clicking on that link

Stefan
PS. Hmm… Why can’t I preview my post before replying?

]]> By: Patrick Fitzgerald http://blazenewmedia.com/articles/simple-link-icons/comment-page-1/#comment-26 Patrick Fitzgerald Mon, 20 Dec 2004 21:54:44 +0000 http://blazenewmedia.com/beta/blog/uncategorized/simple-link-icons/#comment-26 In the <a href="http://en.wikipedia.org/style/monobook/main.css">wikipedia stylesheet</a> they use something like the following: <code>a[href ^="http://"] {</code> That will add the image only to links that start with http: (which on their site is used only for external links). They use similar rules to give diffent icons for mailto:, https:, etc. In the wikipedia stylesheet they use something like the following:

a[href ^="http://"] {

That will add the image only to links that start with http: (which on their site is used only for external links).

They use similar rules to give diffent icons for mailto:, https:, etc.

]]>