Social Links with CSS and Font Icons
My Girlfriend has a blog about sugarfree baking and she asked me if I could take a look at the social icons on it. Remove some of the defaults and add some new.
This is a Blogger site with a 3000(!) line template. Removing some of the icons wasn’t a problem. I even tried to be the least obtrusive, so just hid them with CSS, but adding new ones turned out to be a problem. The icons were made with a sprite and Pinterest wasn’t among them.
I could have just created a new sprite, but hey, we are living in the age of CSS3 and font icons, and she also asked for grey icons. To spice up the challenge a bit I wanted to recreate the exact same experience, but of course with resolution independent graphics and easily modifiable colors.