Social media share box

Quick and easy way to do a social media share box. In this case it's available for Facebook, Tweeter and Google+ Demo: The CSS style:

.share_box {display:block;}
.share_box a {width:50px; height:46px; display:inline-block; background:url('/userfiles/posts/38/5a842d216a827.png')}
.share_box a.facebook:hover {background-position: -51px -1px;}
.share_box a.twitter:hover {background-position: 0 -1px;}
.share_box a.google:hover {background-position: -102px -1px;}
.share_box a.facebook {background-position: -51px -48px;}
.share_box a.twitter {background-position: 0 -48px;}
.share_box a.google {background-position: -102px -48px;}

The HTML code and a tiny bit of Javascript:

<div class="share_box">
    <a href="#" class="twitter" onclick="window.open('http://twitter.com/intent/tweet?url=' + location.href, 'Tweeter', 'width=626,height=436'); return false;"></a>
    <a href="#" class="facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + location.href, 'Facebook', 'width=626,height=436'); return false;"></a>
    <a href="#" class="google" onclick="window.open('https://plus.google.com/share?url=' + location.href, 'Tweeter', 'width=626,height=436'); return false;"></a>
</div>

Here's the image used for the background: