Сообщений в теме: 4

[prukon]

Добрый день!
Как выровнять кнопки социальных сетей таким образом, как это изображено в скриншоте? Как добавить текст "Мы в социальных сетях" (см. скриншот).

Прикрепленные изображения

• 

[Danil]

prukon (25 Январь 2015 - 19:19) писал:

Добрый день!
Как выровнять кнопки социальных сетей таким образом, как это изображено в скриншоте? Как добавить текст "Мы в социальных сетях" (см. скриншот).

Здравствуйте.
В конец main.css добавьте код

div#__utl-buttons-1 {
float: right;
}
div#__utl-buttons-1 span{
float: left;
padding: 7px;
}

В шаблоне html найдите код

<div data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1337286" data-mode="share" data-background-color="#1400ff" data-hover-effect="rotate-cw" data-share-shape="round" data-share-counter-size="15" data-icon-color="#ffffff" data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#cf3232" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr." data-selection-enable="true" data-exclude-show-more="true" data-share-style="6" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ></div> 

и замените на

<div data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1337286" data-mode="share" data-background-color="#1400ff" data-hover-effect="rotate-cw" data-share-shape="round" data-share-counter-size="15" data-icon-color="#ffffff" data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#cf3232" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr." data-selection-enable="true" data-exclude-show-more="true" data-share-style="6" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ><span>Мы в социальных сетях сетях:</span></div> 

[prukon]

Несколько кривова-то передвинулось.
Как этот блок соц-сетей над блоком с копирайтом разместить?
На 1 скриншоте показано как хотелось бы, на 2 показано как получилось.

Прикрепленные изображения

• 
• 

[Danil]

prukon (25 Январь 2015 - 22:35) писал:

Несколько кривова-то передвинулось.
Как этот блок соц-сетей над блоком с копирайтом разместить?
На 1 скриншоте показано как хотелось бы, на 2 показано как получилось.

Изменения произвели, проверьте.

[prukon]

спасибо!