ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Ищешь чем бы украсить свой форум или сайт к Хэллоуину? 🎃 Мы поможем нарядиться! 🎃

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Спойлер мини-профиля в топиках с поддержкой ajax


Спойлер мини-профиля в топиках с поддержкой ajax

Сообщений 1 страница 3 из 3

1

[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Спойлер мини-профиля в топиках">
  <div id="icon"></div>
  <img src="https://i.gyazo.com/ecd6439194989f0d01f9cb19d0465dca.png" class="postimg">
  <img src="https://i.gyazo.com/1b63f923cea223909e458f1a8dab7ca7.gif" class="postimg">
</a>

<div id="cover-block">
Дата: 27.01.2021<br>
Автор: <a href="/profile.php?id=6774" target="_blank">satsana</a><br>
Бесплатный скрипт<br>
Описание: Скрипт скрытия полей мини-профиля в топиках, адаптированный для работы при включенной опции отправки сообщений с помощью ajax. Поддерживает разные форматы кнопок (картинка, текст, блок со стилем), имеет несколько режимов работы.
</div>

</div>

<style>
#port-block1.free #cover {
    height: 400px;
    text-align: center;
}
#port-block1 #cover img {
    max-height: 100%;
    width: auto;
}

.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]

код и описание

Идеей для этого скрипта послужил скрипт Deff'а "Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика". Однако, код скрипта написан полностью с нуля, с учётом текущих особенностей платформы Mybb.ru

Особенности скрипта или "а зачем вообще нужно было писать ещё один":
- Скрипт срабатывает не только после загрузки сраницы, он также работает с новыми сообщениями, подгружаемыми в тему при включенной в "Правах" опции "Разрешить ajax для предпросмотра и отправки сообщения".
- Кнопки спойлеров могут быть оформлены не только картинками. Поддерживаются также текстовые надписи и пустые блоки, оформляемые средствами css. Причём разные виды кнопок можно использовать одновременно.
- Скрипт имеет следующие дополнительные настройки: возможность расположить кнопки непосредственно над сворачиваемыми блоками, возможность оставлять открытыми все развёрнутые блоки, возможность отображения при загрузке страницы одного из блоков (любого, порядковый номер блока указывается в настройках), возможность отобразить все кнопки (даже если соответствующие части из них блоки окажутся пустыми), регулировка скорости сворачивания-разворачивания блоков.
- При установке кнопок картинками разметка будет аналогична скрипту "Cпойлер cкрытия Инфы под N-кнопок", так что вам не придётся менять стиль оформления.
- У кнопок теперь есть класс, соответствующий их порядковому номеру. При использовании одновременно кнопок-картинок и кнопок надписей можно прописать отдельные стилевые настройки для тех и других. Примеры селекторов css будут приведены ниже.

Код скрипта устанавливается в блок "HTML верх" (в разделе "Формы"):

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для настройки скрипта необходимо расположить во вкладках поля профиля в том порядке, в котором они должны быть выведены. Неиспользованные поля (удалённые или закомментированные двумя косыми чертами в начале строки) будут выведены под спойлером.
Каждая вкладка имеет параметры name и img - это название и картинка её кнопки. Для использования кнопки-картинки необходимо заполнить параметр img - название (если оно есть) в этом случае будет выводиться над кнопкой при наведении. Для использования в качестве кнопки надписи оставьте параметр img пустым и заполните только название.
Также вы можете оставить оба поля пустыми и оформить стилем пустую надпись или указать в параметре img значение "/i/blank.gif", чтобы получить пустую картинку с отображением надписи-названия при наведении - её вы также можете оформить средствами css.

Для использования дополнительных настроек достаточно раскомментировать отвечающие за них строки в начале скрипта (убрать две косые черты в начале строки). Ненужные вам строки настроек могут быть удалены для сокращения кода.

Примеры css-селекторов для оформления вкладок и кнопок:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+9

2

этот скрипт просто дарит счастье-радость, спасибо большое  smalimg

+3

3

#p155732,ocean написал(а):

этот скрипт просто дарит счастье-радость, спасибо большое  https://i.imgur.com/BmHtET0.png

Когда-нибудь и я до него дойду и поставлю этот себе на форум...

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
http://forumstatic.ru/files/0015/1e/ae/64347.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Спойлер мини-профиля в топиках с поддержкой ajax