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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

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

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

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

jeani
 
 

Пол : Женщина
Сообщения : 260
Возраст : 30
Место обитания : Украина, Стаханов
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2010-11-19

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

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

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

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

Поднимаю rose

jeani
 
 

Пол : Женщина
Сообщения : 260
Возраст : 30
Место обитания : Украина, Стаханов
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2010-11-19

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

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

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

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

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

jeani
 
 

Пол : Женщина
Сообщения : 260
Возраст : 30
Место обитания : Украина, Стаханов
Карма : Без предупреждений
Благодарности : 7
Регистрация : 2010-11-19

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

Результат:




Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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


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