Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как убрать подпись о редактировании записиавтор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
Как сделать сворачивающиеся профили и подписи?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать сворачивающиеся профили и подписи?
Спасибо!А можно ещё код на сворачивание профиля(под аватаркой).Как у вас.
Re: Как сделать сворачивающиеся профили и подписи?
У меня вот так.
ПА - Модули - Управление кодами Javascript
Создайте Javascript
Название * : Сворачивание профиля
Расположение : В темах
Код Javascript * : вставьте скрипт
Далее ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон viewtopic_body (Показ темы), Найдите фрагмент
Далее в CSS вставьте код оформления всплывающего поля
ПА - Модули - Управление кодами Javascript
Создайте Javascript
Название * : Сворачивание профиля
Расположение : В темах
Код Javascript * : вставьте скрипт
- Код:
jQuery(document).ready(function(){
jQuery('.profilbutton').click(function(){
jQuery(this).parent().children('div.profilCont').toggle('normal');
return false;
});
});
Далее ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон viewtopic_body (Показ темы), Найдите фрагмент
- Код:
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
- Код:
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<div class="profil">
<div class="profilbutton"><a href="javscript://" style="text-decoration: none;">◊<span style="font-family:Georgia; font-size:16px;font-style:italic;">Открыть профиль</span>◊</a></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>
{postrow.displayed.POSTER_RPG}
</div>
Далее в 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; /* толщина, стиль и цвет рамки */
-moz-border-radius:7px;
-khtml-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
box-shadow:0 0 15px 3px #E8C15D;
-webkit-box-shadow:0 0 15px 3px #E8C15D;
-moz-box-shadow:0 0 15px 3px #E8C15D;
padding:15px;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Анимированное меню, сворачивающиеся подписи, кнопки вверх-вниз
» Как сделать,чтобы можно было временно блокировать профили
» Как сделать оформление подписи?
» Профили
» Профили
» Как сделать,чтобы можно было временно блокировать профили
» Как сделать оформление подписи?
» Профили
» Профили
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения