<div id="social_link">
<a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc_1"></a>
<a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc_2" title="Twitter"></a>
<a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc_3"></a>
<a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc_4" ></a>
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc_5" title="ВКонтакте"></a>
<a href="$HOME_PAGE_LINK$/load/rss/" target="_blank" title="RSS" class="soc_6" title="RSS лента"></a>
<a href="javascript:window.location.reload();" title="Обновить страницу" class="soc_7"></a>
</div>
<style>
#social_link {width:188px; height:31px; padding:5px 0 0 4px; margin:0 auto; background:url(http://www.cssomsk.ru/kino/block_bg.png) no-repeat -687px 0;}
#social_link a {width:26px; height:27px; display:block; float:left; vertical-align:top; background:url(http://www.cssomsk.ru/kino/social_icon.png) no-repeat 0 0;}
#social_link a.soc_1 {background-position:0 0;}
#social_link a.soc_2 {background-position:-27px 0;}
#social_link a.soc_3 {background-position:-54px 0;}
#social_link a.soc_4 {background-position:-81px 0;}
#social_link a.soc_5 {background-position:-105px 0;}
#social_link a.soc_6 {background-position:-131px 0;}
#social_link a.soc_7 {background-position:-157px 0;}
#social_link a.soc_1:hover {background-position:0 -27px;}
#social_link a.soc_2:hover {background-position:-27px -27px;}
#social_link a.soc_3:hover {background-position:-54px -27px;}
#social_link a.soc_4:hover {background-position:-81px -27px;}
#social_link a.soc_5:hover {background-position:-105px -27px;}
#social_link a.soc_6:hover {background-position:-131px -27px;}
#social_link a.soc_7:hover {background-position:-157px -27px;}
</style>
