Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» [решено]Лайки убрать с форма ответов.автор Vladv002 Вчера в 20:02
» Вопрос такой. Для России загрузка по прежнему долгая, а для аудитории США?
автор dr_slam Май 25th 2023, 06:42
» Проблема с загрузкой форума
автор dr_slam Май 25th 2023, 06:37
» Пропала строка состояния на форуме вверху
автор Красноперова О.А. Май 24th 2023, 19:03
» не грузится ни один форум без ВПН
автор literrary Май 23rd 2023, 10:17
» убрать название форума
автор Аэ Май 21st 2023, 14:19
» Префиксы к темам
автор Archaea Май 21st 2023, 13:42
» Форум по прежнему грузится дольше минуты
автор Evgesh@ Май 17th 2023, 20:49
» Как изменить конфигурацию іорума
автор literrary Май 16th 2023, 19:50
» Удаление всех постов
автор dimslav Май 9th 2023, 22:25
Сворачивающийся профиль,кнопка под аватаром.
Участников: 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
Права доступа к этому форуму:
Вы не можете отвечать на сообщения