Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как удалить счетчики и баннеры на форумеавтор Of Сентябрь 19th 2023, 15:21
» Проблема загрузки и работы форума для админа
автор TK Сентябрь 19th 2023, 12:21
» инструкция с картинками по загрузке с мобильного
автор literrary Сентябрь 16th 2023, 10:09
» Загрузка форума
автор Dana Domirani Сентябрь 6th 2023, 23:43
» Редактирование поста
автор yudined Сентябрь 5th 2023, 02:42
» Слетает соединение с форумом
автор Baydar Сентябрь 4th 2023, 11:49
» Мы обнаружили подозрительную активность. связанную с вашим адресом email
автор Dana Domirani Сентябрь 4th 2023, 01:19
» Проблема с регистрацией на сайте
автор Dana Domirani Сентябрь 3rd 2023, 23:47
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Luna Август 29th 2023, 20:59
» Как закрепить тему чтобы она весела
автор VeraLV Август 20th 2023, 21:24
Сворачивающийся профиль,кнопка под аватаром.
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Сворачивающийся профиль,кнопка под аватаром.
Доброго времени суток, в связи с появлением на инвизион шаблонов,возникло пара вопросиков.
Я когда-то просила Даночку о кнопочке со сворачивающимся профилем, она разработала скрипт, спасибо ей огромное, но прикрутить кнопочку удалось только над аватаркой. Вот темка: https://help.forum2x2.ru/t16438-topic В связи с появлением шаблонов собственно вопрос, можно ли теперь перенести кнопочку ПОД аватарку? Спасибо!
Я когда-то просила Даночку о кнопочке со сворачивающимся профилем, она разработала скрипт, спасибо ей огромное, но прикрутить кнопочку удалось только над аватаркой. Вот темка: https://help.forum2x2.ru/t16438-topic В связи с появлением шаблонов собственно вопрос, можно ли теперь перенести кнопочку ПОД аватарку? Спасибо!
Re: Сворачивающийся профиль,кнопка под аватаром.
Могу предложить такой вариант
1. Идём в ПА - Оформление - Шаблоны - Общие настройки
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
Заменяем на
Сохраняем и опубликовываем шаблон.
Строчка
Ссылку на кнопку меняйте на свою
2. Далее идём ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создаём новый Javascript
Поля заполняем следующим образом.
Название * : Сворачивание профиля
Расположение : В темах
Код Javascript * : вставьте следующее;
Сохраните.
3. Теперь зададим внешний вид всплывающего профиля.
Для чего идём в Каскадная таблица стилей CSS
и вставляем следующее:
Результат:


1. Идём в ПА - Оформление - Шаблоны - Общие настройки
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
- Код:
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
Заменяем на
- Код:
<div class="profil">
<div class="profilbutton"><img src="http://savepic.ru/1788666.png"/></div>
<div style="DISPLAY: none; position: absolute;" class="profilCont" >
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
</div>
</div>
Сохраняем и опубликовываем шаблон.
Строчка
- Код:
<div class="profilbutton"><img src="http://savepic.ru/1788666.png"/></div>
Ссылку на кнопку меняйте на свою
2. Далее идём ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создаём новый Javascript
Поля заполняем следующим образом.
Название * : Сворачивание профиля
Расположение : В темах
Код Javascript * : вставьте следующее;
- Код:
jQuery(document).ready(function(){
jQuery('.profilbutton').click(function(){
jQuery(this).parent().children('div.profilCont').toggle('normal');
return false;
});
});
Сохраните.
3. Теперь зададим внешний вид всплывающего профиля.
Для чего идём в Каскадная таблица стилей CSS
и вставляем следующее:
/* Сворачивание профиля */
.pun .post .user {
overflow:visible;
}
.profil {
position:relative;
width:200px; /* ширина кнопки */
height:30px; /* высота кнопки */
}
.profil div.profilCont {
position:absolute;
height:auto;
width:auto;
background-color:#fff !important; /* фон всплывающего поля */
z-index: 999;
margin-top:6px; /* отступ поля от кнопки */
border:2px solid #E8C15D; /* толщина, стиль и цвет рамки поля */
padding:15px;
}
Результат:


Домовой-
-
Сообщения : 6801
Возраст : 99
Регистрация : 2010-01-30
Благодарности : 3243

» Переставить в профиль (рядом с аватаром) кнопки ЛС, Е-mail, WWW
» кнопка "профиль" в постах
» Требуется новая кнопка "Посмотреть профиль"
» Сворачивающийся Чат
» Сворачивающийся чат под кнопкой
» кнопка "профиль" в постах
» Требуется новая кнопка "Посмотреть профиль"
» Сворачивающийся Чат
» Сворачивающийся чат под кнопкой
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения