forum.okis.ru
http://forum.okis.ru/

Шапка + кнопки поделиться
http://forum.okis.ru/viewtopic.php?f=10&t=4334		 Страница 1 из 1
Автор:  aleksey [ 19 янв 2014, 22:41 ]
Заголовок сообщения:  Шапка + кнопки поделиться
Имею желание разместить кнопки поделиться в правую нижнюю часть шапки, но ни как не могу разобраться как.

Изображение

Подскажите кто разбирается в этом.
Автор:  PhotoShopRND [ 19 янв 2014, 23:15 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
В размещение рекламы (под новостной блок к примеру)

Код:

<div id="social-icons">

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir" >
</div>

</div>



В редактор css

Код:

#social-icons {
position:absolute;
top:-50px;
left:0px;
}
Автор:  aleksey [ 19 янв 2014, 23:37 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
это не то.
надо в шапку
Автор:  aleksey [ 19 янв 2014, 23:47 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
Разобрался. Все ОК :hi:
Автор:  Tomas [ 20 янв 2014, 00:07 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
aleksey писал(а):
Разобрался. Все ОК :hi:

Поделились бы решением с другими ;)
Автор:  aleksey [ 20 янв 2014, 00:27 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
http://avtozashchita.ru/
Автор:  Tomas [ 20 янв 2014, 00:52 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
Имелось ввиду кодами по установке ;-)
Автор:  aleksey [ 20 янв 2014, 01:09 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
Если так как у меня, то размещать нужно так:
В раздел рекламы под заголовком
Код:
<div id="social-icons">

<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir" >
</div>

</div>

в CSS

Код:
#social-icons {
position:absolute;
top:-43px;
left:-158px;
}
Автор:  aleksey [ 20 янв 2014, 01:23 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
кстати, забыл.
у меня ширина менюшки уменьшина и область надписи меню убрана, поэтому параметры
aleksey писал(а):
top:-43px;
left:-158px;

самим придется подгонять
Автор:  Little Mike [ 20 янв 2014, 09:15 ]
Заголовок сообщения:  Re: Шапка + кнопки поделиться
aleksey писал(а):
кстати, забыл.
у меня ширина менюшки уменьшина и область надписи меню убрана, поэтому параметры
aleksey писал(а):
top:-43px;
left:-158px;

самим придется подгонять

А подгонять придется везде. Элементы по положению разные. На шаблонах разная высота шапки, и так далее. так что все равно под себя надо подкручивать. Любой пример только приблизительно получается.
Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/