Общее·количество·просмотров·страницы

пятница, 16 марта 2012 г.

Как сделать рамку-окантовку.Для блога. Блоггеру


Как сделать рамку-окантовку...

Очередная ревизия блога 25.2.2012 г. повергла меня в шок... Столько постов, которые я брала у моих друзей в Избранное, удалено у них и , соответственно, у меня... Начинаю заполнять пустые места, чтобы не сдвигать страницы... Вот этот пост может пригодиться многим...



Как сделать Рамку - Окантовку 


Сегодня я расскажу Вам, как сделать простейшие рамки!
Как делать рамки я уже рассказывала здесь и здесь
Но бывает так, что нужно поместить в рамку очень много текста, картинок, видео, фото. Многослойные рамки не выдерживают такой нагрузки. Текст выходит из рамки или
вовсе пишет, что не может отобразить весь текст целиком.
Вот для этого нам и нужны рамки - окантовки!


Формулы рамок вы можете взять из окошек.
А сейчас я расскажу более подробно о формуле.


1. Толщина рамки.
В рамках для примера толщина рамки
составляет от 3px до 5px.
Но Вы можете сделать ее толще или еще тоньше!


2. Цвет рамки.
Цвет рамки может быть любой. Для этого Вам
нужен код для HTML . Взять его можно здесь.


3. Шрифт для текста.
Вставляем только название шрифта.
Совсем недавно я показывала примеры шрифтов
если кто пропустил, то посмотреть можно здесь.


4. Цвет текста.
Нам нужен такой же код для HTML как
и для цвета рамки - окантовки.


5. Размер текста.
Текст измеряется в px (пикселях)
поэтому размер должен быть двухзначным.
В рамках для примера стоит 20px.


6. Фон внутри рамки.
Фон может быть любой! На Ваш вкус.
Но, как правило, для текста лучше брать
однотонный фон для читабельности текста.
Загружаем фон на radikal или на savepic
и берем первую ссылку и вставляем в
формулу вместо слов "фон внутри рамки"
строго между кавычек!


А теперь сами рамочки с формулами! 


Рамка - Окантовка без Фона.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Рамка - Окантовка с Фоном.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Двойная Рамка - Окантовка без Фона.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Двойная Рамка - Окантовка с Фоном.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Пунктирная Рамка - Окантовка без Фона.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...







Пунктирная Рамка - Окантовка с Фоном

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...







Точечная Рамка - Окантовка без Фона.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Точечная Рамка - Окантовка с Фоном.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...





Ну вот и все! Как видите ничего сложного нет!
Творческих Вам успехов!


Урок подготовила Valdiviya


Комментариев нет:

Отправить комментарий