Documentation

First of all, thanks you so much for purchasing this button set. It means a lot to me.
Have fun with the buttons!

First things first

This is how the structure of the buttons look like

<div class="css-social"> <a href="http://www.soundcloud.com"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>Follow me</p></div> </a> </div>

Note that the main class is called css-social. Inside this class are 2 divs. Social-button is the part that contains the image and social-text contains the animated text. The button gets the style of the social media by adding its name as second class. Twitter is added in the above example.

Different styles

The coloured, animated buttons are the default once, so you don't have to add anything here

Black with Animation

Simply add black to the main class

<div class="css-social black"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Coloured without Animation

Simply add no-animation to the main class

<div class="css-social no-animation"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Black without Animation

Simply add no-animation black to the main class

<div class="css-social no-animation black"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Blue with Animation

Simply add blue to the main class

<div class="css-social blue"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Red with Animation

Simply add red to the main class

<div class="css-social red"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Green with Animation

Simply add green to the main class

<div class="css-social green"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Without Colour and Animation

Simply add white to the main class

<div class="css-social white"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"></div> <div class="social-text twitter"><p>postcreative</p></div> </a> </div>

Icon list

Add the name of the social media as second class name for it to work.

dribbble

twitter

phone

email

pinterest

facebook

instagram

youtube

skype

forrst

linkedin

google

vimeo

lastfm

blogger

deviantart

bebo

flickr

stumble

rss

git

yahoo

wordpress

digg

tumblr

soundcloud

spotify

appstore

android

evernote

itunes

paypal