вторник, 10 мая 2016 г.

Спойлер для блога на Blogger, Блогспот

чтобы добавить спойлер вам нужно открыть в панели управления раздел Шаблон - Изменить HTML найти код  ]]></b:skin> и перед ним вставить следующий код:

#no-div, .no { display: none; }
.no + label { /* вид CSS кнопки */
  background: #4e6473;
  padding: 9px 10px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer; }
.no:checked + label { background: #e36443; }
.no:checked ~ #no-div { display: block; }
А в самой записи в нужном месте вставляем:
<input type="checkbox" id="raz" class="no"/><label for="raz">Ваш текст о скрытой информации - кликнуть!</label><div id="no-div"><br />
<br />исчезающий текст</div>
В итоге получается вот так:




исчезающий текст

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

Отправить комментарий