Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

Украшалочка



Вдогонку ко вчерашнему

Спойлерные кнопки своими руками



Дед-привет

Узнать, что под спойлером ➩



Код кнопки:




Текст на кнопках будет не такой как в образцах,
а тот, что вы введете, вызвав функцию "скрыть под спойлер"




Ёлочка - гори

Заглянуть на огонек







Снежный конь

Еще? Поскакали!..








Kato-kat

Дальше под катом ☞








Волшебный шар

Заглянуть...



Код кнопки:



/Кнопы для примера, не нажимаются/


Идем в настройки журнала пользовательский CSS,
копипастим туда выбранный код, жмем сохранить.



Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж*Ж


Кнопо-конструктор:




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



Обычный шрифт вместо курсивного: "italic" заменить на - "normal"

Цифровые кодировки цветов берутся в справочниках (http://htmlbook.ru/css/value/color и тп)
или в редакторе новой записи:





Можно ли натворить в стилях что-то такое, от чего всё поломается?
- Можно. Даже не только в стилях. Но это надо уметь.
Если пропустить точку/запятую при копировании - кнопка работать не будет.
Если случайно вставить комментарий кириллицей - пользовательские стили перестанут отображаться
(тема по умолчанию - жжешный скин - останется как ни в чем ни бывало).
Даже умеючи тренироваться лучше на пробном аккаунте.


PS
Случайно удалила первоначальный пост вместе с несколькими ответами,
сорри!



Само-репост из - Приручаем спойлер
Tags: HTMLство, блогоухищрения, веб-штучки
Subscribe

Featured Posts from This Journal

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 50 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →