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

 

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

 

 

 

<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