Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Сворачивающийся профиль,кнопка под аватаром.
Участников: 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Переставить в профиль (рядом с аватаром) кнопки ЛС, Е-mail, WWW
» кнопка "профиль" в постах
» Сворачивающийся чат под кнопкой
» Сворачивающийся чат
» Сворачивающийся Чат
» кнопка "профиль" в постах
» Сворачивающийся чат под кнопкой
» Сворачивающийся чат
» Сворачивающийся Чат
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения