კატეგორია/ სკრიპტები
კომენტარები/ 0
Code
<a href="ссылка" target="_blank" class="social-vk"></a>
<a href="ссылка" target="_blank" class="social-facebook"></a>
<a href="ссылка" target="_blank" class="social-youtube"></a>
<style>
.social-facebook {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') no-repeat;}
.social-twitter {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -60px no-repeat;}
.social-vk {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -120px no-repeat;}
.social-yandex {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -180px no-repeat;}
.social-youtube {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -240px no-repeat;}
.social-ok {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -300px no-repeat;}
.social-gl {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -360px no-repeat;}
.social-facebook:hover {background-position:-60px 0;}
.social-twitter:hover {background-position:-60px -60px;}
.social-vk:hover {background-position:-60px -120px;}
.social-yandex:hover {background-position:-60px -180px;}
.social-youtube:hover {background-position:-60px -240px;}
.social-ok:hover {background-position:-58px -300px;}
.social-gl:hover {background-position:-60px -360px;}
</style>
<a href="ссылка" target="_blank" class="social-facebook"></a>
<a href="ссылка" target="_blank" class="social-youtube"></a>
<style>
.social-facebook {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') no-repeat;}
.social-twitter {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -60px no-repeat;}
.social-vk {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -120px no-repeat;}
.social-yandex {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -180px no-repeat;}
.social-youtube {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -240px no-repeat;}
.social-ok {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -300px no-repeat;}
.social-gl {display:inline-block;width:60px;height:60px;background:url('http://geleson.at.ua/banners/social-buttons.png') 0 -360px no-repeat;}
.social-facebook:hover {background-position:-60px 0;}
.social-twitter:hover {background-position:-60px -60px;}
.social-vk:hover {background-position:-60px -120px;}
.social-yandex:hover {background-position:-60px -180px;}
.social-youtube:hover {background-position:-60px -240px;}
.social-ok:hover {background-position:-58px -300px;}
.social-gl:hover {background-position:-60px -360px;}
</style>
წარმოგიდგენთ
GELESON.AT.UA
დრო/ 28.04.2024 22:17
ნახვები/ 104