Как сделать спойлер для сайта (блога)

Привет, всем? Если вы на этой странице, значит вы пришли узнать как сделать спойлер для сайта(блога)?Сначала немного, что это такое.

Spoiler для вашего сайта.

Это конструкция, которая скрывает текст, код, картинку, видео и все что нужно спрятать. При нажатии на него открывается, спрятанный длинный текст.

Сделать такой же очень просто. Что нужно для этого:

подключить библиотеку jQuery к сайту
разместить код скрипта в подвале(footer.php)
установить еще один код в стили в файл style.css
иметь под рукой код вставки спойлера в статью

Вот пожалуй и все.

Теперь давайте пройдемся конкретно по каждому пункту в отдельности.

<< Cмотреть видео>>

		Это интересно 0	Как всё будет выглядеть в блоге: Как сделать спойлер для сайта (блога) Привет, всем? Если вы на этой странице, значит вы пришли узнать как сделать спойлер для сайта(блога)?Сначала немного, что это такое Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kak-stat-bloggerom/8409302/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как сделать спойлер для сайта (блога) </a> <div class="insert-intro" style="font-family:trebuchet MS;">Привет, всем? Если вы на этой странице, значит вы пришли узнать как  сделать спойлер для сайта(блога)?Сначала немного, что это такое </div> </div> Как сделать спойлер для сайта (блога) <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kak-stat-bloggerom/8409302/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как сделать спойлер для сайта (блога)</a> <div style="font-family:trebuchet MS;">Привет, всем? Если вы на этой странице, значит вы пришли узнать как сделать спойлер для сайта(блога)?Сначала немного, что это такое </div> </div>

Rita Molchanova

01.05.2015

В избранное Пожаловаться Просмотров: 282

Комментарии ⁰

Как стать блоггером? 13328

Важные темы:

Последние откомментированные темы:

Как сделать спойлер для сайта (блога)

Комментарии временно отключены

Открытая группа
1655 участников