Description

This can be used in conjunction with my Tagcloud Font Distributor snippet. The colors are what we use here at Hawkee, so please feel free to change them. If you find a scheme that works well post it as a snippet.

Grab the Code

/* Tagcloud CSS Styles */
 
a.tag1:link {  line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:hover { line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag2:link {  line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:visited { line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:hover { line-height: 25px; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag3:link {  line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:visited { line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:hover { line-height: 25px; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag4:link {  line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:visited { line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:hover { line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag5:link {  line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:visited { line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:hover { line-height: 25px; font-size: 15px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag6:link {  line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:visited { line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:hover { line-height: 25px; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}
 
a.tag7:link {  line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:visited { line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:hover { line-height: 25px; font-size: 17px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

Comments

(1) RSS

Go to Bottom

Korvin

Comments: 418

CSS Snippet: Tagcloud CSS Stylesheet
Posted on Aug 13, 2009 10:05 pm

Code:

a.tag1:link { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }

same:

Code:

a.tag1:link, a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }

Average Score	0.0 (of 0 scores)
Date Added	Mar 21, 2007
Last Updated	Mar 21, 2007
Tags	cloud stylesheet tagcloud tags

Tagcloud CSS Stylesheet

Description

Grab the Code

Comments

Commenting Options

Hawkee

My Snippet Tags

Contact

Friends (79)

Sponsors

		Head Honcho Cerritos, California United States
Last seen: Mar 08, 2010 Profile \| Website Likes (704) Friends (79) Scripts (1) Snippets (30) Images (65) Reviews (22) Comments (1087) Forum Posts (1405)