Top

Tagcloud CSS Stylesheet


CSS Code
+ 0 likes
Please Register to submit score.
Bookmark and Share
Average Score  0.0 (of 0 scores)
Date Added  Mar 21, 2007
Last Updated  Mar 21, 2007
Tags  cloud  stylesheet  tagcloud  tags 

Introduction

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
Korvin
Comments: 336
 
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 }

Commenting Options

Register or Login to Hawkee.com or use your Facebook or Twitter account by clicking the corresponding button below.

  
Bottom