Делаем рамки - окантовки!

Четверг, 31 Октября 2013 г. 08:24 + в цитатник

Цитата сообщения yaqut

Прочитать целиком В свой цитатник или сообщество!

Делаем рамки - окантовки!

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

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

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

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

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

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

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

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

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

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

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