• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Кнопки
Кнопки
Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 1 | 19:14:03
Подскажите как в Дизайн #2011 взять кнопки соц сетей? Я глянул http://manual.ucoz.net/publ/14-1-0-468

Но там этого нет, мне нужно две кнопки Вконтакте и Одноклассники чтобы при клике переходить в группы. Хочу поставить тут в блок

http://vruchki.ru

Прикрепления: 4802547.png (15.6 Kb)

Боишься не делай делаешь не бойся а сделал не сожалей.
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 2 | 23:30:27
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;}

Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 3 | 11:22:57
Ucoz_fan, Всё работает я попробовал на ещё одном запасном сайте http://xtrub.ucoz.ru

Подскажите как поменять цвет на светло коричневый? А то они не подходят по цвету сайта.

Боишься не делай делаешь не бойся а сделал не сожалей.
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 4 | 11:28:09
Цитата cat555 ()
Подскажите как поменять цвет на светло коричневый?
перерисовать изображение - http://xtrub.ucoz.ru/.s/t/2011/soc.jpg под соответствующий цвет

Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 5 | 11:32:20
/.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
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 6 | 12:16:35
Цитата cat555 ()
Как в это поле вставить две ссылки?
2 ссылки не нужно, изображение которое нужно перерисовать это спрайт координаты выбора каждого изображения указаны через CSS - background-position:0 -114px это как пример

Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 7 | 13:13:36
Ucoz_fan, спасибо буду разбираться.

Боишься не делай делаешь не бойся а сделал не сожалей.
Сообщество uCoz » Архивариус » Корзина » Кнопки
  • Страница 1 из 1
  • 1
Поиск: