Как сделать рамку-окантовку...
Очередная ревизия блога 25.2.2012 г. повергла меня в шок... Столько постов, которые я брала у моих друзей в Избранное, удалено у них и , соответственно, у меня... Начинаю заполнять пустые места, чтобы не сдвигать страницы... Вот этот пост может пригодиться многим...
Как сделать Рамку - Окантовку
Сегодня я расскажу Вам, как сделать простейшие рамки! Как делать рамки я уже рассказывала здесь и здесь Но бывает так, что нужно поместить в рамку очень много текста, картинок, видео, фото. Многослойные рамки не выдерживают такой нагрузки. Текст выходит из рамки или вовсе пишет, что не может отобразить весь текст целиком. Вот для этого нам и нужны рамки - окантовки! Формулы рамок вы можете взять из окошек. А сейчас я расскажу более подробно о формуле. 1. Толщина рамки. В рамках для примера толщина рамки составляет от 3px до 5px. Но Вы можете сделать ее толще или еще тоньше! 2. Цвет рамки. Цвет рамки может быть любой. Для этого Вам нужен код для HTML . Взять его можно здесь. 3. Шрифт для текста. Вставляем только название шрифта. Совсем недавно я показывала примеры шрифтов если кто пропустил, то посмотреть можно здесь. 4. Цвет текста. Нам нужен такой же код для HTML как и для цвета рамки - окантовки. 5. Размер текста. Текст измеряется в px (пикселях) поэтому размер должен быть двухзначным. В рамках для примера стоит 20px. 6. Фон внутри рамки. Фон может быть любой! На Ваш вкус. Но, как правило, для текста лучше брать однотонный фон для читабельности текста. Загружаем фон на radikal или на savepic и берем первую ссылку и вставляем в формулу вместо слов "фон внутри рамки" строго между кавычек! А теперь сами рамочки с формулами! Рамка - Окантовка без Фона.
Рамка - Окантовка с Фоном.
Двойная Рамка - Окантовка без Фона.
Двойная Рамка - Окантовка с Фоном.
Пунктирная Рамка - Окантовка без Фона.
Пунктирная Рамка - Окантовка с Фоном
Точечная Рамка - Окантовка без Фона.
Точечная Рамка - Окантовка с Фоном.
Ну вот и все! Как видите ничего сложного нет! Творческих Вам успехов! Урок подготовила Valdiviya |
Комментариев нет:
Отправить комментарий