Dahock Сообщество - Спойлер для сайта

Установка спойлера на страницу сайта

Иногда возникает необходимость установить на странице сайта спойлер. Что это такое и для чего он нужен. Вы наверное видели на некоторых сайтах кнопки с надписью "спойлер", при нажатии на которые появлялся какой-нибудь текст, распечатка скрипта и т.д. Спойлер служит для экономии места на странице сайта. При поиске спойлера в интернете можно найти большое количество разных видов спойлеров. Я выбрал три вида, которые очень просто установить. Ниже приведены примеры.  Для установки надо всего лишь скопировать и вставить код спойлера в нужное место страницы сайта, и вписать в определённое место тот текст, который надо скрыть в спойлере На первом примере спойлер будет выглядеть так: Спойлер. Полный код состоит из трёх частей. Не буду забивать мозги умными словами. Просто скопируете всё и вставите на странице в нужном месте. А внизу кода увидите надпись - Здесь должен быть текст. Вот вместо этой надписи вставите то, что хотите спрятать в спойлере Пример - это код стандартного спойлера. Он выглядит в виде кнопки. Для установка копируете код и вставляете в нужное место Пример спойлера:

Тут будет текст скрытого контента.
Тут будет текст скрытого контента.

 <style type="text/css"><!-- alt2{ margin: 0px;  padding: 6px;  border: 1px inset;} smallfont{margin-bottom:2px;} spoil{margin:10px; margin-top:5px;} // задаем стили } --></style> <div class="spoil"> <div class="smallfont">Показать <input class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }" type="checkbox" /></div> <div class="alt2"> <div style="display: none;">Тут будет текст скрытого контента.</div> </div>

Привет пользователь
Показать
Тут будет текст скрытого контента.

 

Задачи 2019
Просмотров: 242
Рейтинг: 3.6

Обновление
Просмотров: 305
Рейтинг: 2.5

Закрыть меню
Боковая Панель Закрыть

 Навигация Основное:

На Музыкальный Сайт  (Музыкальный Сайт на котором эксклюзивное видео и аудиозаписи с RaidCall)

На Кино Сайт    (Кино Сайт где вы найдете мультфильмы,фильмы и шоу а также фильмы от Dahock)

На Хоррор Сайт  (Мистический Сайт где только мрак и тишина любителям мистики)

На Manual Dahock  (Мануал для тех кто попал впервые на Портал)

На XDXKX  (Hard Anime Сайт только +18)

На Газета DHK  (Авторский Информационный Блог)

Каналы:

Ютуб (Основной канал  всегда самое первое видео выходит раньше всего)

Рутуб (Второстепенный канал на русскоязычном портале)

Соц-Сети:

Вконтакте   (В этой группе всегда все самые самые свежие новости а также регулярные новости)

Одноклассники  (Для тех кто не сидит не где кроме Одноклассники)

Фейсбук  (Всемирная соц сеть где выходят не все новости а только отсортированные)

МайлРу  (Редкая группа редко выходят новости и видео для тех кто не любит ничего кроме МайлРу)

Твиттер  (Всегда свежие статейки ссылки и цитаты)

close