CSSocial is small bundle of CSS Buttons, easily customizable into your own button. CSSocial works with animation driven on jQuery. CSSocial is created by postcreative. as gift. Have fun with it!

How to use CSSocial?

It's really easy! There are three steps you have to do.

1. Add the files

Upload the folder called cssocial to your website.

2. Add JQuery.

Without jQuery the buttons won't work. Add the following code to the header of your page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

3. Add the button.

Use on of the codes below to add the buttons to your website. Change the value of the link and the value of the social-text to your informatie.

Dribbble:

<div class="css-social"> <a href="http:///www.dribbble.com/postcreative"> <div class="social-button dribbble"><img src="cssocial/images/dribbble.png" alt="Dribbble"/></div> <div class="social-text dribbble"><p>postcreative</p></div> </a> </div>

Twitter:

<div class="css-social"> <a href="http:///www.twitter.com/postcreative"> <div class="social-button twitter"><img src="cssocial/images/twitter.png" alt="Twitter"/></div> <div class="social-text twitter"><p>@postcreative</p></div> </a> </div>

Phone:

<div class="css-social"> <a href="tel:+31612345678"> <div class="social-button phone"><img src="cssocial/images/phone.png" alt="Dribbble"/></div> <div class="social-text phone"><p>+31 65 089 64 64</p></div> </a> </div>

Email:

<div class="css-social"> <a href="mailto:hello@postcreative.nl"> <div class="social-button email"><img src="cssocial/images/email.png" alt="Dribbble"/></div> <div class="social-text email"><p>Click to mail me</p></div> </a> </div>