02:54 Скрипт «Мы в социальных сетях» для uCoz |
|
Хороший скрипт «Мы в социальных сетях». При наведение на иконки меняется их цвет. Плюс этого скрипта то что можно установить только одну иконку социальной сети. Этот скрипт принадлежит сайту www.forum.ucoz.ru! Там где хотите видеть иконки: Code <a href="http://www.facebook.com/" target="_blank" class="social-facebook"></a> <a href="http://twitter.com/" target="_blank" class="social-twitter"></a> <a href="http://vk.com/" target="_blank" class="social-vk"></a> <a href="http://www.yandex.ru/" target="_blank" class="social-ya"></a> <a href="http://www.youtube.com/" target="_blank" class="social-youtube"></a> В Таблица стилей (CSS): Code .social-facebook {display:inline-block;width:60px;height:60px;background:url('http://ext1on.my1.ru/_file/icon/1.png') no-repeat;} .social-twitter {display:inline-block;width:60px;height:60px;background:url('http://ext1on.my1.ru/_file/icon/1.png') 0 -60px no-repeat;} .social-vk {display:inline-block;width:60px;height:60px;background:url('http://ext1on.my1.ru/_file/icon/1.png') 0 -120px no-repeat;} .social-ya {display:inline-block;width:60px;height:60px;background:url('http://ext1on.my1.ru/_file/icon/1.png') 0 -180px no-repeat;} .social-youtube {display:inline-block;width:60px;height:60px;background:url('http://ext1on.my1.ru/_file/icon/1.png') 0 -240px no-repeat;} .social-facebook:hover {background-position:-60px 0;} .social-twitter:hover {background-position:-60px -60px;} .social-vk:hover {background-position:-60px -120px;} .social-ya:hover {background-position:-60px -180px;} .social-youtube:hover {background-position:-60px -240px;} |
|
|
| Всего комментариев: 1 | ||
| ||
