Что такое спойлер

 

Доброе время суток!      Спойлер    - это незаменимая вещь блогера. Если Вам необходимо скрыть текст, какую - нибудь картинку, то для этого существует спойлер.
      Вы может спросите, а "для чего это мне надо"? Для экономии места на блоге.  Вам надо опубликовать длинный код, туда и спрячем его.
Вы видели у меня на блоге его. Сегодня Вам дам другой спойлер. Вот код его.

 

 

 

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Open/Close" /> </div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">Здесь Ваш текст, скрипт или картинка

<br>
</div>

Здесь Ваш текст, скрипт или картинка

Захожу в редактор html , вставляю код и вот что получаю

 

Spoiler:
Здесь Ваш текст, скрипт или картинка


Здесь Ваш текст, скрипт или картинка

Это интересно!:


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

Поделитесь с друзьями!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img src="" alt="" class="" width="" height="">

http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif