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

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


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

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

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


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

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

Сворачивающийся профиль,кнопка под аватаром.

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

Сворачивающийся профиль,кнопка под аватаром.

Сообщение автор jeani в Пт 23 Май - 22:42

Доброго времени суток, в связи с появлением на инвизион шаблонов,возникло пара вопросиков.

Я когда-то просила Даночку о кнопочке со сворачивающимся профилем, она разработала скрипт, спасибо ей огромное, но прикрутить кнопочку удалось только над аватаркой. Вот темка: http://help.forum2x2.ru/t16438-topic  В связи с появлением шаблонов собственно вопрос, можно ли теперь перенести кнопочку ПОД аватарку? Спасибо!

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

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

Re: Сворачивающийся профиль,кнопка под аватаром.

Сообщение автор jeani в Ср 28 Май - 22:27

Поднимаю rose

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

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

Re: Сворачивающийся профиль,кнопка под аватаром.

Сообщение автор jeani в Пт 13 Июн - 17:50

И тут подниму темку,сильно не бейте flag 

jeani
 

Женщина

Сообщения : 252
Возраст : 31
Регистрация : 2010-11-19
Благодарности : 7

Без предупреждений

http://biseroclub.forumy2x2.ru/index.htm

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

Re: Сворачивающийся профиль,кнопка под аватаром.

Сообщение автор Домовой в Сб 14 Июн - 11:29

Могу предложить такой вариант

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;
}

Результат:




Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

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


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