-Рубрики

 -Поиск по дневнику

Поиск сообщений в inamel

 -Подписка по e-mail

 

 -Интересы

слушать классическую музыку и музыку 80-х - 90-х

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.11.2013
Записей: 29927
Комментариев: 468
Написано: 32502


Снова о простейших рамочках.

Среда, 04 Октября 2023 г. 18:14 + в цитатник
Цитата сообщения tomishka Снова о простейших рамочках.

Рамочка со светлым фоном, имеет две тени (внешнюю и внутреннюю). Код цвета фона c3e6f5, причем фон задается сразу и для внутренней, и для внешней части. Для получения рамочки другого цвета достаточно заменить только код цвета фона, оставив остальное без изменений.

Здесь будет ваш текст





Можно ли такую рамочку как-то "облагородить"? Да, можно. Тени и цвет текста у нас черные, код из шести нулей стоит у нас после решетки в трех местах, значит, если мы сделаем тень под цвет нашего фона, рамочка будет выглядеть лучше. Возьмем код c3e6f5, и в трех местах вставим его вместо нулевых кодов.

Здесь будет ваш текст




Уже лучше, но вид портит обводка вокруг текста черного цвета. Нельзя ли и ее сделать другим цветом? Можно. Достаточно, найдя border: solid 2px #, вставить после решетки нужный цвет, например, 6198af

Здесь будет ваш текст




А вот так будет выглядеть рамочка, если мы внешнюю тень оставим темной, а внутреннюю сделаем светлой вместе с окантовкой текста и цветом самого текста.

Здесь будет ваш текст




Можно ширину, заданную в свойстве бордюра, увеличить, а solid заменить на dotted. Вид рамочки изменится.

Здесь будет ваш текст




Это незначительные, очень легкие изменения в шаблоне, позволяющие делать самим разные простые рамочки.
Рубрики:  ВЕДЕНИЕ ДНЕВНИКА/оформление

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку