Code:

<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
      <li class="shr-comfeed">
         <a title="Subscribe to the comments for this post?" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-delicious">
         <a title="Share this on del.icio.us" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-twitter">
<a target="_blank" href="http://albforum.forumotion.net/" title="Tweet This!" ca_clicked="1"> </a>
      </li>
      <li class="shr-facebook">
<a class="t" target="_blank" title="Share this on Facebook" lnp="2" href="http://www.facebook.com/"> </a>
      </li>
      <li class="shr-gmail">
         <a title="Email this via Gmail" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-digg">
         <a title="Digg this!" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-diigo">
         <a title="Post this on Diigo" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-googlebuzz">
         <a title="Post on Google Buzz" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-stumbleupon">
         <a title="Stumble upon something good? Share it on StumbleUpon" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-technorati">
         <a title="Share this on Technorati" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
</ul><div style="clear:both;"></div>
</div>

Code:

div.shr-bookmarks {
    clear: both !important;
    margin: 20px 0;
}
div.shr-bookmarks-expand {
    height: 32px;
    overflow: hidden;
}
div.shr-bookmarks ul.socials li {
    background-image: url("http://www.handycss.com/wp-content/plugins/sexybookmarks/spritegen/shr-custom-sprite.png") !important;
    background-repeat: no-repeat !important;
}
div.shr-bookmarks-bg-knowledge {
    background: url("http://www.handycss.com/wp-content/plugins/sexybookmarks/spritegen/../images/share-knowledge.png") no-repeat scroll 0 0 transparent !important;
    padding: 35px 0 0 10px !important;
}
div.shr-bookmarks ul.socials {
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
div.shr-bookmarks ul.socials {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
}
div.shr-bookmarks ul.socials li {
    background-color: transparent !important;
    border: 0 none !important;
    clear: none !important;
    cursor: pointer !important;
    display: inline !important;
    float: left !important;
    height: 29px !important;
    list-style-type: none !important;
    margin: 3px 0 0 !important;
    outline: 0 none !important;
    padding: 0 !important;
    width: 60px !important;
}
div.shr-bookmarks ul.socials li:before, div.shr-bookmarks ul.socials li:after, div.shr-bookmarks ul.socials li a:before, div.shr-bookmarks ul.socials li a:after {
    content: "" !important;
}
div.shr-bookmarks ul.socials a, div.shr-bookmarks ul.socials a:hover {
    background-color: transparent !important;
    border: 0 none !important;
    display: block !important;
    height: 29px !important;
    text-decoration: none !important;
    text-indent: -9999px !important;
    width: 60px !important;
}
div.shr-bookmarks ul.socials a:hover, div.shr-bookmarks ul.socials li:hover {
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
}
li.shr-comfeed {
    background-position: 0 bottom !important;
}
li.shr-comfeed:hover {
    background-position: 0 top !important;
}
li.shr-delicious {
    background-position: -60px bottom !important;
}
li.shr-delicious:hover {
    background-position: -60px top !important;
}
li.shr-twitter {
    background-position: -120px bottom !important;
}
li.shr-twitter:hover {
    background-position: -120px top !important;
}
li.shr-facebook {
    background-position: -180px bottom !important;
}
li.shr-facebook:hover {
    background-position: -180px top !important;
}
li.shr-gmail {
    background-position: -240px bottom !important;
}
li.shr-gmail:hover {
    background-position: -240px top !important;
}
li.shr-digg {
    background-position: -300px bottom !important;
}
li.shr-digg:hover {
    background-position: -300px top !important;
}
li.shr-diigo {
    background-position: -360px bottom !important;
}
li.shr-diigo:hover {
    background-position: -360px top !important;
}
li.shr-googlebuzz {
    background-position: -420px bottom !important;
}
li.shr-googlebuzz:hover {
    background-position: -420px top !important;
}
li.shr-stumbleupon {
    background-position: -480px bottom !important;
}
li.shr-stumbleupon:hover {
    background-position: -480px top !important;
}
li.shr-technorati {
    background-position: -540px bottom !important;
}
li.shr-technorati:hover {
    background-position: -540px top !important;
}


Maki wrote:Here is the tut http://albforum.forumotion.net/t41-spin-those-icons-with-css3