воскресенье, 18 января 2015 г.

Простые рамочки для блоггера. Часть третья

Ещё интересная и не сложная рамочка для выделения текста внутри статей...

Растущая рамка)))
Пишите в самой рамке и ее высота будет увеличиваться.

<fieldset style="border: #992211 ridge thick;">
<span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span>
</fieldset>

Эксперементируем:

В грозы, в бури,
В житейскую стынь,
При тяжелых утратах
И когда тебе грустно,
Казаться улыбчивым и простым —
Самое высшее в мире искусство.

© авторство неизвестно

Действительно увеличивается!)))

Вижу в коде знакомые слова:

<fieldset style="border: #992211 ridge thick;">
<span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span>
</fieldset>

цвет бордюра - border: #992211 -попробуем поменять на 336600
ШРИФТ - font-family:Comic Sans MS - меняю на segoe print
цвет шрифта - color:#992211; - меняю на 006600
величина букв шрифта - font-size:14px - меняю на 20 

Получаю:

В грозы, в бури,
В житейскую стынь,
При тяжелых утратах 
И когда тебе грустно,
Казаться улыбчивым и простым — 
Самое высшее в мире искусство. 
 © авторство неизвестно

Класс!
Очень понравилось)))
Спасибо Вере Борок за информацию)))

P.S. Код вставляем в HTML при написании статьи