Текущее время: 17 июн 2025, 08:33

Сообщения без ответов | Активные темы


Список форумов » Оформление и дизайн

Часовой пояс: UTC + 3 часа [ Летнее время ]

Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  Страница 1 из 1
  [ Сообщений: 10 ] 
  Версия для печати Пред. тема | След. тема 
Автор Сообщение
aleksey
 Заголовок сообщения: Шапка + кнопки поделиться
СообщениеДобавлено: 19 янв 2014, 22:41 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
Имею желание разместить кнопки поделиться в правую нижнюю часть шапки, но ни как не могу разобраться как.

Изображение

Подскажите кто разбирается в этом.
Вернуться к началу
 Профиль  
 
PhotoShopRND
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 19 янв 2014, 23:15 
Не в сети
Аватара пользователя

Зарегистрирован: 15 янв 2012, 22:07
Сообщения: 1708
В размещение рекламы (под новостной блок к примеру)

Код:

<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;
}

_________________
Уроки и полезные советы про okis
Вернуться к началу
 Профиль  
 
aleksey
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 19 янв 2014, 23:37 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
это не то.
надо в шапку
Вернуться к началу
 Профиль  
 
aleksey
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 19 янв 2014, 23:47 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
Разобрался. Все ОК :hi:
Вернуться к началу
 Профиль  
 
Tomas
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 00:07 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 06:37
Сообщения: 1191
Откуда: Самара
aleksey писал(а):
Разобрался. Все ОК :hi:

Поделились бы решением с другими ;)
Вернуться к началу
 Профиль  
 
aleksey
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 00:27 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
http://avtozashchita.ru/
Вернуться к началу
 Профиль  
 
Tomas
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 00:52 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 06:37
Сообщения: 1191
Откуда: Самара
Имелось ввиду кодами по установке ;-)
Вернуться к началу
 Профиль  
 
aleksey
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 01:09 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
Если так как у меня, то размещать нужно так:
В раздел рекламы под заголовком
Код:
<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
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 01:23 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
кстати, забыл.
у меня ширина менюшки уменьшина и область надписи меню убрана, поэтому параметры
aleksey писал(а):
top:-43px;
left:-158px;

самим придется подгонять
Вернуться к началу
 Профиль  
 
Little Mike
 Заголовок сообщения: Re: Шапка + кнопки поделиться
СообщениеДобавлено: 20 янв 2014, 09:15 
Не в сети
Аватара пользователя

Зарегистрирован: 23 дек 2013, 19:42
Сообщения: 153
Откуда: Просторы Вселенной
aleksey писал(а):
кстати, забыл.
у меня ширина менюшки уменьшина и область надписи меню убрана, поэтому параметры
aleksey писал(а):
top:-43px;
left:-158px;

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

А подгонять придется везде. Элементы по положению разные. На шаблонах разная высота шапки, и так далее. так что все равно под себя надо подкручивать. Любой пример только приблизительно получается.

_________________
Наношу добро, причиняю пользу. http://site-na-okis.ru
Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  Страница 1 из 1
  [ Сообщений: 10 ] 

Список форумов » Оформление и дизайн

Часовой пояс: UTC + 3 часа [ Летнее время ]

Кто сейчас на конференции

Сейчас этот форум просматривают: Bing [Bot]

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти: