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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

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

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


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

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


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

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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

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

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

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>



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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

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
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

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

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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

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

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

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

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:

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

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

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

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


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