Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Что такое спойлер? Расскажу для непосвященных. Спойлер — такая конструкция, которая хранит в себе контент сайта, первоначально скрытый для пользователя. При клике по ссылке раскрывается весь текст. Кстати, я уже публиковал здесь один вариант спойлера.
Для чего это делается? Вообще для красоты… Например, дизайн сайта не предполагает размещение большого текста на главной странице сайта.
Но как говорится, лучше один раз увидеть, чем сто раз услышать. Посмотрите ниже пример спойлера, который просто вставляется в редактор ваших сообщений и одновременно сможете увидеть код:
Но как говорится, лучше один раз увидеть, чем сто раз услышать. Посмотрите ниже пример спойлера, который просто вставляется в редактор ваших сообщений и одновременно сможете увидеть код:
Вариант с изменением цвета при наведении курсора и заднего фона срытого текста (по заявкам читателей):
<div style="margin: 0px 0px 0px 0px;">
<div class="smallfont" style="margin-bottom: 0px;">
<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="background-color: #cfe2f3; border-color: #3d85c6; border-radius: 5px; border: solid 1px; color: #0b5394; cursor: pointer; font-size: 15px; font: bold 16px Georgia; margin: 0px; padding: 10px; width: 205px;class="qqq" onmouseover="this.style.background='green';" onmouseout="this.style.background='white';" value="Посмотреть весь текст:" /> </div>
<div class="alt2" style="margin: 0px; padding: 0px;">
<div style="display: none;background-color: #cfe2f3;">
<br />
<br />ТЕКСТ КОТОРЫЙ СКРЫТ СПОЙЛЕРОМ</div>
Красный цвет, это меняющиеся задние фоны кнопки и скрытого текста.
Настраивать цвета лучше в этом редакторе:
http://www.timsfreestuff.com/HTMLEditor/
Настраивать цвета лучше в этом редакторе:
http://www.timsfreestuff.com/HTMLEditor/
26 коммент.:
https://www.blogger.com/profile/13746790384341325111
http://www.kredit-credits.ru
https://www.blogger.com/profile/13746790384341325111
За похвалу СПС он в стадии разработки ему всего неделя!)
http://www.kredit-credits.ru
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/14896213645847106084
http://www.kredit-credits.ru
https://www.blogger.com/profile/10631575525972186871
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/10631575525972186871
Если научитесь читать исходный код, то все лучшие достижения дизайна будут ваши! Это кстати ответ на вопрос, откуда я все беру! Не все конечно, но кое что! Переделываю под блогспот и упрощаю для новичков, что бы только один раз скопировать и поставить.
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/10631575525972186871
Я подобные спойлеры уже ставил на свой блог, так открывались и закрывались два спойлера синхронно.
Спасибо.
https://www.blogger.com/profile/06122774557324167256
https://www.blogger.com/profile/13746790384341325111
http://cogacredit.blogspot.ru/
https://www.blogger.com/profile/04041439366358803752
https://www.blogger.com/profile/04041439366358803752
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/04041439366358803752
https://www.blogger.com/profile/06368007800202606993
http://www.momentalynuizarabotok.ru/
https://www.blogger.com/profile/14931894581844900675
https://www.blogger.com/profile/02924944325248862173
Может они без этих дивов закрывающих рабочие, но блогспот без них не принимает код.
https://www.blogger.com/profile/09375860885710277222
https://argihor.blogspot.ru/
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!