My RSS is Bright Orange

After tinkering with the common syndication icon for RSS and Atom a bit more on Workbench, I've added text that makes the purpose of the orange blibbet less obscure.

The HTML markup relies on Cascading Style Sheets to align properly and turn the text orange before it is clicked:

Here's the styles defined for this markup:

.rsslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 10px;
}

.rsslink a {
text-decoration: none;
}

.rsslink a:hover {
color: #CC6600;
}

.rsslink img {
vertical-align: -40%;
}

Perhaps I'm overthinking this.

Rss · Html · 2006/01/30 · 7 COMMENTS · Link

Comments

Well, it's a nice little CSS tutorial. Cheers!

#1 · Sterling Camden · 2006/01/30

I hope you don't mind that I stole your code to add the same link to my blog's RSS feed at www.chipstips.com Looks nice!

#2 · Sterling Camden · 2006/02/01

Not at all. Looks good.

#3 · Rogers Cadenhead · 2006/02/01

Thanks, Rogers! I gave you credit here. Always enjoy your posts.

#4 · Sterling Camden · 2006/02/03

Thanks, Rogers.

#5 · Ruegen · 2006/02/09

#6 · Betty · 2006/06/06

#7 · Naomi · 2006/06/06