-Рубрики

 -Всегда под рукой


Урок по рамочкам

Суббота, 10 Ноября 2035 г. 00:29 + в цитатник
Цитата сообщения Lyusya-Spring
Рассмотрим простую рамочку на конкретном примере простой рамочки:
***Текст***


Вот формула рамочки
Начнем с того, что я отметила желтым цветом.

4рх - это толщина обводки, как в рамочке для примера. А если мы 4рх сменим на 1рх, то у нас получится вот такая рамочка
***Текст***
отличие видно сразу. Так что толщину обводки делаем на свой вкус, как впрочем, и все остальное.
ridge - это форма(тип) обводки. Эта обводка в данной рамочке и в рамочке для примера. Теперь мы будем менять это значение и смотреть какая форма(тип) будет у обводки.
• 1. Сплошная рамка. ridge поменяем на solid - получилось (менять надо в обоих местах, где в формуле отмечено желтым)
***Текст***

• 2. Пунктирная рамка - dashed
***Текст***

• 4. Точечная рамка dotted (если мы будем менять форму только во втором значении, то получится вот такая рамочка)
***Текст***

• 5. Двойная рамка double
***Текст***

• 6.
***Текст***
вариантов можно подобрать много....
• 7.#FE9980 - цвет обводки, где найти таблицу смотрим ниже по уроку
Теперь рассмотрим, что это такое под зеленым цветом?

width: 88% - это ширина рамочки. Рамочка, в которую поставлен пост имеет ширину 88%, а рамочка для примера имеет ширину 40%. Тут тоже, думаю, разобрались.
Пошли дальше и посмотрим, что скрывает оранжевый цвет?

background-color: #F1E6D9 - фон для текста. цифры F1E6D9 - это и есть цвет фона, которые можно поменять на свое усмотрение. Таблица цветов находится

***Текст***
***Текст***

Хочется вставить фон для записи из настоящих фонов? Легко! Для этого в формуле (отмечено оранжевым цветом) background-color: #660000; поменяем на background-image:url('Адрес картинки'); при этом ковычки и скобочки не трогаем! Вот я уже поменяла теги в формуле и рамочка сейчас выглядит так, в ней нет фона для текста, она прозрачная.
***Текст***

Адрес фона-картинки можно взять на яндекс-фотках. А я делаю так:
***Текст***
1 (551x373, 1684Kb)
Смотрим дальше-отмечено розовым. Это шрифт. Georgia - это название шрифта, его можно заменить на любой, какой у вас есть. Мои шрифты
шрифт Georgia, напимер, поменяю на шрифт HansHand. меняем так:"Georgia" на "HansHand" ковычки НЕ трогаем! Результат
***Текст***

Идем дальше, где выделено голубым.
"font-size: 19px" - это величина шрифта, тут меняем цифры
И последнее, это смотрим, где выделено коричневым

color="#663333" - это цвет шрифта. Как менять цвет, смотрим выше по уроку.
так.... мы еще желаем и картинку поставить в рамочку....Ну что ж?Ставим!






"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 17 - Простые рамки.
Часть 18 - Простые рамки с фоном
Часть 19 - Урок по рамочкам
Часть 20 - Простые рамки-обводки для оформления дневника.

Метки:  
Понравилось: 1 пользователю



 

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

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

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

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