|
|
Модератор форума: dotbot |
Сообщество uCoz » Архивариус » Корзина » Кнопки |
Кнопки |
Подскажите как в Дизайн #2011 взять кнопки соц сетей? Я глянул http://manual.ucoz.net/publ/14-1-0-468
Но там этого нет, мне нужно две кнопки Вконтакте и Одноклассники чтобы при клике переходить в группы. Хочу поставить тут в блок http://vruchki.ru Прикрепления:
4802547.png
(15.6 Kb)
Боишься не делай делаешь не бойся а сделал не сожалей.
|
cat555, сам блок:
Код <div class="foot-r"> <div class="soc-box"> <a href="http://vk.com/" class="soc-vk" target="_blank"></a> <a href="https://www.facebook.com/" class="soc-fc" target="_blank"></a> <a href="https://twitter.com/" class="soc-tw" target="_blank"></a> <a href="http://www.odnoklassniki.ru/" class="soc-od" target="_blank"></a> </div> </div> Стили: Код .foot-r {float:right;width:30%;text-align:right;} .soc-box a {display:inline-block;width:38px;height:38px;background:url(/.s/t/2011/soc.jpg);-moz-opacity:.8;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} .soc-box a:hover {-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .soc-box a.soc-vk {background-position:0 0;} .soc-box a.soc-fc {background-position:0 -38px;} .soc-box a.soc-tw {background-position:0 -76px;} .soc-box a.soc-od {background-position:0 -114px;} |
Ucoz_fan, Всё работает я попробовал на ещё одном запасном сайте http://xtrub.ucoz.ru
Подскажите как поменять цвет на светло коричневый? А то они не подходят по цвету сайта. Боишься не делай делаешь не бойся а сделал не сожалей.
|
|
/.s/t/2011/soc.jpg) Как в это поле вставить две ссылки?
http://xtrub.ucoz.ru/psdsite/VK.png http://xtrub.ucoz.ru/psdsite/Odnoklasniki.png Боишься не делай делаешь не бойся а сделал не сожалей.
Сообщение отредактировал cat555 - Понедельник, 17 Ноя 2014, 11:42:11
|
2 ссылки не нужно, изображение которое нужно перерисовать это спрайт координаты выбора каждого изображения указаны через CSS - background-position:0 -114px это как пример
|
| |||
| |||