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

Объявление

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

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

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

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее
Начался второй тур лотереи для форумов "Новогодний кот". Подаём заявки на участие до 8.12. Не пропустите!
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄

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

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


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог Javascript, Jquery и CSS решений » Универсальная кнопка сворачивания любых элементов


Универсальная кнопка сворачивания любых элементов

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

1

УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ
- СКРЫВАЕМ ВСЁ!

Добавляет к любому элементу форума/сайта кнопку сворачивания и разворачивания содержимого.
https://forumupload.ru/uploads/0007/e3/f7/6822/380756.png

Автор: Deff
Платформа: любая

Достоинства:
1. Независимость установок скрытия для разных групп пользователей (т.е у вас не будет такого, что сворачивание скрытой от гостя категории в режиме Админа/Юзера/Пользователя приводит при Выходе/Входе с форума к скрытию какой-то иной категории, которую Вы не скрывали
2. Нет Ограничений для ИЕ6-7-8(а может и 9) по количеству кнопок
3. Более универсальное скрытие и возможность добавления новых кнопок, например для части контента в Объявлении, или Сайдбаре

Установка
Пункт [1]. В начало HTML верх

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

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

Пункт [2]. В начало HTML низ

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

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

Стиль Кнопки
Пункт [3]. В HTML верх (или в Стиль без тегов <style>)

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

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


Пояснения

По Пункту [2]
Красным -  ссылки на картинки Cкрыть/Показать (*если нужно, меняем на свои
Синим - перечисление скрываемых селекторов, что не нужно - убираем из списка
(!!!Внимание - Последний элемент в Списке на конце без запятой!
*Для наглядности, - селекторы выделены подчёркиванием через один.)

1. #pun-announcement  .container, - Объявление
2. #pun-status .container, - Приветствие (Привет Гость...или Привет Гость
3. .category .container, - Категории
4. #pun-stats .statscon - Статистика

По Пункту [3]
1. Выравниваем - Ставим в нужное место все кнопки категорий!

a) Отступ от слево регулируем цифру в margin-left:775px;
Если ширина задана в % ставим вместо 775px нужный % ->, к примеру -> 65%
Если Кнопки хотим ставить слево(а не справо), то уменьшаем цифру, к примеру, до 10-20px

б) Подвижка вверх: регулируем цифру в margin-top:-23px;

2. Выравниваем - Ставим(если есть необходимость) в нужное место остальные кнопки
Для Этого в конец стиля Кнопок ставим такие коды селекторов (Под каждую кнопку, с желаемой дополнительной регулировкой

.Show-Hide[alt="#pun-status .container"]{
margin-top: 0px;
}

Где #pun-status .container - нужный селектор скрываемого контента кнопки (см. предыдущее пояснения). Значение 0px - отступ от верха (может быть как плюс так и минус)

Отредактировано Герда (16.05.13 08:33)

+4

2

очень прикольная и полезная вещь! спасибо громадное)))

0

3

Эх, я, видимо, криворукая по жизни. Не быть мне программистом .D
тестовик
Можете помочь?

0

4

Леголас Неканонный написал(а):

Можете помочь?

Поправьте красным,нун отметить , что у Вас везде прозрачка, куда пихать кнопки = неясно.

<style>
.Show-Hide{
z-index:100;
position:absolute;
padding:0;
margin-left:68%;
margin-top: 13px;
}
.Show-Hide *{
padding:0;

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

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

0

5

Deff
а куда пихать кнопки? х)
они не открываются, вот что мне не понять. Я такая.

0

6

Спасибо всё работает и очень удобно ...

0

7

У меня почему-то этот скрипт не сработал.   :dontknow:

Может быть в этом причина:

Здесь картинки не читаются. Пришлось поставить первые попавшиемя, но в формате png, а тут они были с gif.
Кнопка установилась, а сворачивать ничего не стала.

Проверьте , пожалуйста!  :'(

Отредактировано marusya (10.03.21 14:34)

0

8

У меня этот скрипт не работает  :dontknow:

0

9

marusya
Ссылку на форум с проблемой с установленным скриптом

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

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

10

Deff

3-ю часть скрипта поставила в стиль1

Отредактировано marusya (12.03.21 04:08)

0


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог Javascript, Jquery и CSS решений » Универсальная кнопка сворачивания любых элементов