-Рубрики

 -Приложения

  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Музыкальный плеер
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Фотоальбом

Посмотреть все фотографии серии Апшеронск
Апшеронск
18:22 22.07.2015
Фотографий: 8
Посмотреть все фотографии серии Дети нашего двора
Дети нашего двора
18:06 12.07.2015
Фотографий: 2
Посмотреть все фотографии серии цветы с дачи
цветы с дачи
10:02 12.07.2015
Фотографий: 2

 -Стена

маргарита_шубина маргарита_шубина написал 21.12.2012 20:50:16:

 -

Быстрый переход по страницам блога маргарита_шубина:

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

Поиск сообщений в Татьяна_Волкова_Литвинова

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

 

 -Сообщества

Участник сообществ (Всего в списке: 6) Всё_для_блога Мир_фракталов Картинки_для_днева Украшения_для_дневничка Аудио_плееры Только_для_женщин
Читатель сообществ (Всего в списке: 1) Куклы_и_Модели

 -Статистика

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


Обводка внутри рамки (блока)

Понедельник, 16 Февраля 2015 г. 20:34 + в цитатник
Цитата сообщения Юлия_Гурбер Обводка внутри рамки (блока)

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)




Рассмотрим значения по порядку написания их в коде.

padding: 10px 10px; — расстояние от края рамки (бордюра) до текста. При необходимости меняем "10" на другую цифру.

background: #FE9980; — фон для записи. Можно вместо #FE9980 подставить другой цвет.

width: 610px; — ширина рамки. Вместо "610" указываем своё значение.

font-size: 27px; — размер шрифта.
font-family: Monotype Corsiva; — вид шрифта. Можно поменять Monotype Corsiva, например, на Georgia.
color: #fff; — цвет шрифта.

border: 2px dashed #fff; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "fff" подставить другой цвет.

border-radius: 3px; — скругление углов в рамке.

box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #FE9980. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.

text-shadow: -1px -1px #aa3030; — возвращаемся к шрифту... Это его тень, то есть величина "-1" и цвет тени "#aa3030".

Подготовила Юлия Гурбер

Серия сообщений "ссылки, формулы":
Часть 1 - Все под рукой !
Часть 2 - плеер
...
Часть 18 - Таблица названий цветов в английском языке
Часть 19 - Формулы.Коды.Подборка уроков.(Перепост)
Часть 20 - Обводка внутри рамки (блока)
Часть 21 - КАК ЗАГРУЖАТЬ И РЕДАКТИРОВАТЬ ФЛЕШ ФАЙЛЫ НА ЛИ.РУ.
Часть 22 - Справочник по html
...
Часть 26 - Здесь я узнал, как сделать сайт!!!
Часть 27 - Перевод терминов Corel PaintShop Pro
Часть 28 - Красивый текст для блога

Рубрики:  все под рукой
Метки:  
Понравилось: 2 пользователям

Юлия_Гурбер   обратиться по имени Вторник, 17 Февраля 2015 г. 15:20 (ссылка)
Благодарю за цитирование!
Ответить С цитатой В цитатник
LiSu   обратиться по имени Среда, 18 Февраля 2015 г. 19:16 (ссылка)
Отличные!
Ответить С цитатой В цитатник
 

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

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

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

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