DavidGuetta

Спойлер в профиле

В теме 7 сообщений

Как сделать спойлер в профиле что бы вот это можно было скрыть под него и при нажатии выскакивала вот эта информация?

Screenshot_2.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

HTML:

<input type="checkbox"  id="spoiler" /> 
<label for="spoiler">Ваш Текст</label>
<div class="spoiler">
  Ваш код
</div>

CSS:

input[id^="spoiler"] {
  display: none;
}

input[id^="spoiler"] + label {
  display: block;
  width: 150px;
  margin: 0 auto;
  padding: 5px 20px;
  background: #3c6994;
  color: #fff;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  transition: all .6s;
}

input[id^="spoiler"]:checked + label {
  color: #333;
  background: #ccc;
}

input[id^="spoiler"] ~ .spoiler {
  width: 90%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 10px auto 0;
  padding: 10px;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 8px;
  transition: all .6s;
}

input[id^="spoiler"]:checked + label + .spoiler {
  height: auto;
  opacity: 1;
  padding: 10px;
  width: 150px;
}

 

james_k понравился пост

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Silence, спасибо за вариант, но он работает криво на 4.1.17.

А именно, он создает спойлер, но при нажатии на него в поле пользователя, открывается спойлер пользователя первого поста на странице! И так на любом пользователе. 

Я хотел срятать поля, прописанные в   "CustomFieldsDisplay", они прячутся, но работает не так как нужно.

cubarich понравился пост

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Код кривой, нажимай на любой спойлер в теме любого пользователя, а открывается только первый, что делать-то???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
29 минут назад, cubarich сказал:

Код кривой, нажимай на любой спойлер в теме любого пользователя, а открывается только первый, что делать-то???

Обратится к http://ipbmafia.ru/profile/34682-redneck/

или погуглите Spoiler for additional fields 1.0.0

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ребят я все понимаю. Но неужели такая лень нынче у всех? Сложно найти код и стиль спойлера и вставить его в профиль? Подбить под себя стили7

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
17 минут назад, andros0789 сказал:

ребят я все понимаю. Но неужели такая лень нынче у всех? Сложно найти код и стиль спойлера и вставить его в профиль? Подбить под себя стили7

Не всем дано, для этого и существуют форумы поддержки. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!


Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.


Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу