andru26
3/30/2017 - 9:14 PM

Social Links

Social Links

<div class="social">
	<a href="#" class="facebook"></a>
	<a href="#" class="twitter"></a>
	<a href="#" class=" rss"></a>
	<a href="#" class="linkedin"></a>
	<a href="#" class="skype"></a>
</div>
.social {}

.social a { background: url(../images/social_icons.png); display: inline-block; margin-left: 17px; }

.social a:hover{ border:none;}

.social .twitter { background-position: -1px -2px; width: 26px; height: 19px; }

.social .twitter:hover { background-position: -1px -36px; }

.social .linkedin { background-position: -48px -2px; width: 17px; height: 19px; }

.social .linkedin:hover { background-position: -48px -36px; }

.social .diggit { background-position: -84px -2px; width: 31px; height: 19px; }

.social .diggit:hover { background-position: -84px -36px; }

.social .facebook { background-position: -134px -2px; width: 12px; height: 19px; }

.social .facebook:hover { background-position: -134px -36px; }