Cacher is the code snippet organizer for pro developers

/* Social icons */
.share42{
	width: 250px;
	height: 32px;
	margin: 20px 0;
	text-align: center;
}

.share42-item {
	display:inline-block;
	margin:0 6px 6px 0;
	height:32px;
}

.share42-item > a {
	display:inline-block;
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	outline:none;
	background-image:url(../images/social-icons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
		    -ms-transition: all .25s linear;
		     -o-transition: all .25s linear;
		        transition: all .25s linear;
}

a[data-count="fb"] {background-position: 0 0;}
a[data-count="twi"] {background-position: -32px 0;}
a[data-count="gplus"] {background-position: -64px 0;}
a[data-count="vk"] {background-position: -96px 0;}
a[data-count="odkl"] {background-position: -128px 0;}

a[data-count="fb"]:hover {background-position: 0 -32px;}
a[data-count="twi"]:hover {background-position: -32px -32px;}
a[data-count="gplus"]:hover {background-position: -64px -32px;}
a[data-count="vk"]:hover {background-position: -96px -32px;}
a[data-count="odkl"]:hover {background-position: -128px -32px;}
/* End social icons */

<div id="share42">
	<span class="share42-item" style="display:inline-block;margin:0 6px 6px 0;height:32px;">
		<a rel="nofollow" href="#" data-count="fb" onclick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[url]=http%3A%2F%2Fweboo.pp.ua%2Ftiffi-1%2Findex.php%3Foption%3Dcom_jshopping%26controller%3Dproduct%26task%3Dview%26category_id%3D9%26product_id%3D11%26Itemid%3D152&amp;p[title]=%D0%9A%D1%83%D1%80%D1%82%D0%BA%D0%B0.%20%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C%20273&amp;p[summary]=&amp;p[images][0]=undefined', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0');return false" title="Поделиться в Facebook" target="_blank"></a>
	</span>

	<span class="share42-item" style="display:inline-block;margin:0 6px 6px 0;height:32px;">
		<a rel="nofollow" href="#" data-count="twi" onclick="window.open('https://twitter.com/intent/tweet?text=%D0%9A%D1%83%D1%80%D1%82%D0%BA%D0%B0.%20%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C%20273&amp;url=http%3A%2F%2Fweboo.pp.ua%2Ftiffi-1%2Findex.php%3Foption%3Dcom_jshopping%26controller%3Dproduct%26task%3Dview%26category_id%3D9%26product_id%3D11%26Itemid%3D152', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0');return false" title="Добавить в Twitter" target="_blank"></a>
	</span>

	<span class="share42-item" style="display:inline-block;margin:0 6px 6px 0;height:32px;">
		<a rel="nofollow" href="#" onclick="window.open('https://plus.google.com/share?url=http%3A%2F%2Fweboo.pp.ua%2Ftiffi-1%2Findex.php%3Foption%3Dcom_jshopping%26controller%3Dproduct%26task%3Dview%26category_id%3D9%26product_id%3D11%26Itemid%3D152', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0');return false" title="Поделиться в Google+" target="_blank"></a>
	</span>

	<span class="share42-item" style="display:inline-block;margin:0 6px 6px 0;height:32px;">
		<a rel="nofollow" href="#" data-count="vk" onclick="window.open('http://vk.com/share.php?url=http%3A%2F%2Fweboo.pp.ua%2Ftiffi-1%2Findex.php%3Foption%3Dcom_jshopping%26controller%3Dproduct%26task%3Dview%26category_id%3D9%26product_id%3D11%26Itemid%3D152&amp;title=%D0%9A%D1%83%D1%80%D1%82%D0%BA%D0%B0.%20%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C%20273&amp;image=undefined&amp;description=', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0');return false" title="Поделиться В Контакте" target="_blank"></a>
	</span>

	<span class="share42-item" style="display:inline-block;margin:0 6px 6px 0;height:32px;">
		<a rel="nofollow" href="#" data-count="odkl" onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st._surl=http%3A%2F%2Fweboo.pp.ua%2Ftiffi-1%2Findex.php%3Foption%3Dcom_jshopping%26controller%3Dproduct%26task%3Dview%26category_id%3D9%26product_id%3D11%26Itemid%3D152&amp;title=%D0%9A%D1%83%D1%80%D1%82%D0%BA%D0%B0.%20%D0%9C%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C%20273', '_blank', 'scrollbars=0, resizable=1, menubar=0, left=100, top=100, width=550, height=440, toolbar=0, status=0');return false" title="Добавить в Одноклассники" target="_blank"></a>
	</span>
</div>