Cпойлер cкрытия инфы под N-кнопок в профиле топика
Сокрытие полей профиля под кнопки с анимацией разворачивания.
Автор: Deff
Платформа: MyBB
В демке четыре сообщения, с разными вариантами оформления и начального срабатывания кнопок в профиле, в зависимости от установки параметров а1 и a2 (*см. начало скрипта, в части, устанавливаемой в HTML низ).
Установка
Кнопки-картинки (ссылки красным) ставим в нужное место перед нужной группой полей.
Число кнопок - произвольное.В HTML верх
В скрипте расположение Пунктов, установлено так же, как и по умолчанию на форумах mybb.
Пункты в списке - можно переставлять, и они не зависят от их начального положения.
Приведённый вариант, по дефолту, чуть быстрее, если поля не переставлялись в Админке, в настройках "Поля Профиля", поскольку требует меньше времени на перестановку скриптом.Пункт активен - //"pa-online" сейчас вытащен из спойлеров.
Для этого необходимо было поставить перед ним две косых //.
Это для последующих установок, к примеру скриптов: офлайн - онлайн картинкой, аналогично можно вытащить из участия в спойлере и любой другой пункт.Пункты:
//"award", //Награды(только для rusff и ork)
//"gift", //Подарки(только для rusff и ork)Только для для rusff и ork - снимаем два наклонных слеша только для реально используемого(ых) пунктов.
*Награды и подарки удобнее ставить под последнюю кнопку, особенно если их много.Совет: При горизонтальном расположении кнопок, симпатичней их делать несколько длиннее
Для дизайнеров
Селектор для стиля вкладки ul.post-ul-Sp
Селектор для картинки-кнопки .post-img-Sp
Селектор aктивной кнопки .post-img-Sp.active
Селектор кнопки при наведении .post-img-Sp:hover
Селектор подсказки при наведении на кнопку div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-innerПример текущего оформления кнопок в DEMOДополнительно
Пробная Версия не скрытием, а с растворением-упрозрачниванием вкладки
В HTML верх Замените эти строки:В HTML низ замените параметр выделенный красным:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 1 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array( ....На:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 1 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 2 // Резкость Открытия: 0 - Плавно; 1 - Резко; 2 - Fade;
Двойной спойлер информации профиля юзера в топике
Простой вариант сворачивания информации в профиле под две кнопки.
Автор: Deff
Платформа: MyBB
Итоговое расположение Пунктов, в точности как и в списке ниже(независимо от начального положения)
Пункты в списке - можно переставлять
В HTML низСейчас пункт активен - вытащен из спойлеров.
Достаточно было перед ним поставить две косых черты.
Сворачивание профиля по клику на картинку OnLine/OffLine
Сворачивает и разворачивает данные пользователя при клике на картинки Онлайн или Офлайн
Автор: Deff
Платформа: MyBB
Ставим в HTML низ
Если вам необходимо добавить класс к картинке для открытого состояния профиля:
Упрощенный скрипт без сворачивания (посколь стало достаточно много отдельных скриптов сворачивания ин-фы в профиле)
Для работы скрипта необходим лишь пункт .pa-online -( его можно скрыть css)
Остальные пункты скрываем показываем настройками в Администрирование - Поля Профиля
Отредактировано Герда (20.05.13 06:19)
- Подпись автора
Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.