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

Поиск сообщений в Джулиане

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

 

 -Сообщества

Участник сообществ (Всего в списке: 3) Всё_для_блога Женская_тема Только_для_женщин
Читатель сообществ (Всего в списке: 2) New_Photoshopinka Студия_и_К

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 28.05.2015
Записей: 1178
Комментариев: 20
Написано: 1482


Рамки оригинальные

Четверг, 09 Июля 2015 г. 21:13 + в цитатник
Цитата сообщения Юлия_Гурбер Рамки оригинальные

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

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

Ваша подпись




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

Ваша подпись



Думаю, в них целесообразно менять лишь несколько значений:

Верхняя рамка:

Меняем цвет фона background: #8FD532;.
Обозначение цвета: #8FD532, просто оставляем решётку #,
убираем 8FD532, и ставим свой цвет.
Обратили внимание на внутреннюю тень, создающую скос? Она
на самом деле жёлтого цвета, поэтому цвета для фона подбирайте
зелёно-голубого диапазона. Другие просто не подойдут.

Далее по-порядку стоит размер рамки width: 590px;, вместо 590 подставляем своё значение.

И, наконец, меняем вид шрифта, его размер и цвет. Это строка
font-family: Georgia; font-size: 21px; font-style: italic; color:#003366;,
где Georgia — вид шрифта, 21 — размер, #003366 — цвет.

Нижняя рамка:

Меняем цвет фона background: #87CEFA;. Тут можно указать
любой цвет, на котором будет хорошо смотреться белый шрифт.

Далее видим размер рамки width: 590px;, вместо 590 подставляем
своё значение.

У шрифта не трогаем цвет (он красивый белый с тенью), но можем поменять вид шрифта — font-family: Georgia; и его размер — font-size: 23px;

источник: http://olocoder.ru/CSS26.html

Подготовила Юлия Гурбер
Рубрики:  Рамочки/Объёмные рамочки
Уроки ЛиРу
Метки:  

 

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

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

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

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