Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

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

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Как сделать эту кнопочку в указанном месте ?

Предыдущая тема Следующая тема Перейти вниз

Как сделать эту кнопочку в указанном месте ?

Сообщение автор Сказочник Зазеркалья в Чт 24 Янв - 6:17

Здравствуйте :88:
Пожалуйста помогите с одной задачей. Решила установить вниз каждой темы кнопку поделиться, а именно чтобы она была рядом с иконками профиля "сайт автора" "скайп" "отправить л/с" и т.д.


А вот сайт с кнопочкой:
http://i-likeit.net/get-widget/

Мне было хотелось установить вот эту кнопку в указанное место, чтобы она была в каждой теме:


Подскажите пожалуйста куда нужно вставить код кнопки, чтобы всё было как описано в просьбе выше ? wink
Заранее спасибо всем кто окажет помощь rose

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Dana Domirani в Чт 24 Янв - 6:28

А код кнопки можно? Именно Вашего варианта.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22096
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Сказочник Зазеркалья в Чт 24 Янв - 6:36

@Dana Domirani пишет:А код кнопки можно? Именно Вашего варианта.
Здравствуйте уважаемая Дана girl_yes
Вот код кнопочки:
Код:
<div id="i_likeit_net"></div>
<script type="text/javascript">
ILIKEIT_net.render({
id: 'i_likeit_net', // id элемента в котором будет отображаться виджет
// url: 'http://example.org/page1', // для публикации ссылок на страницу, отличную от текущей (не обязательно)
// head: 'заголовок', //желаемый заголовок (не обязательно)
style: '1'
});
</script>

А это следовательно скрипт, который я не знаю куда поставить:
Код:
<script type="text/javascript" src="http://i-likeit.net/js/release.js"></script>



Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Dana Domirani в Чт 24 Янв - 8:01

В шаблоне viewtopic_body поместите все кнопки профиля внутрь дива с классом ugg
Т.е. вот это
Код:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
замените на
Код:
<div class="ugg">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>
Сохраните, опубликуйте.

Потом добавьте в CSS:
Код:
ugg {
display: block;
float: left;
}

#titl_link {
float: right;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22096
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Сказочник Зазеркалья в Чт 24 Янв - 8:15

@Dana Domirani пишет:В шаблоне viewtopic_body поместите все кнопки профиля внутрь дива с классом ugg
Т.е. вот это
Код:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
замените на
Код:
<div class="ugg">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>
Сохраните, опубликуйте.

Потом добавьте в CSS:
Код:
ugg {
display: block;
float: left;
}

#titl_link {
float: right;
}

А куда нужно вставить код кнопки ? girl_yes

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Dana Domirani в Чт 24 Янв - 8:20

Это не совсем вставить, а именно заменить. Они — кнопки профиля — у Вас уже есть, но стоят просто в ячейке под сообщением. А их надо укомплектовать внутрь дива.

Вбейте в поиск по шаблону строку {postrow.displayed.PROFILE_IMG} и нажмите "Поиск" — Вас сразу сориентируют на нужный участок кода.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22096
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Как сделать эту кнопочку в указанном месте ?

Сообщение автор Сказочник Зазеркалья в Чт 24 Янв - 8:39

@Dana Domirani пишет:Это не совсем вставить, а именно заменить. Они — кнопки профиля — у Вас уже есть, но стоят просто в ячейке под сообщением. А их надо укомплектовать внутрь дива.

Вбейте в поиск по шаблону строку {postrow.displayed.PROFILE_IMG} и нажмите "Поиск" — Вас сразу сориентируют на нужный участок кода.
Спасибо Дана girl_yes
Это я сделала, а вот меня интересует как сделать чтобы рядом с этими кнопками стояла такая кнопочка поделиться:

В обычном виде:


При наведении курсора:


Код кнопочки:
Код:
<div id="i_likeit_net"></div>
<script type="text/javascript">
ILIKEIT_net.render({
id: 'i_likeit_net', // id элемента в котором будет отображаться виджет
// url: 'http://example.org/page1', // для публикации ссылок на страницу, отличную от текущей (не обязательно)
// head: 'заголовок', //желаемый заголовок (не обязательно)
style: '1'
});
</script>

А вот это скрипт:
Код:
<script type="text/javascript" src="http://i-likeit.net/js/release.js"></script>



Пожалуйста подскажите, как сделать чтобы она была рядом с теми кнопками :88:

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3547
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения