Тамара (mtv59) wrote,
Тамара
mtv59

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

Автор - yaqut. Это цитата этого сообщения

 

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

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

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

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

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

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

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

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

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

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

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

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

<input ... >

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

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

<input ... >

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

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

<input ... >

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

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

<input ... >

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

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


<input ... >

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

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


<input ... >

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

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

<input ... >

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

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

<input ... >

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

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

Серия сообщений " HTML... ":
Часть 1 - Коды оформления блога.
Часть 2 - Основные HTML теги.
...
Часть 7 - Формулы таблиц.
Часть 8 - Нужные формулы для дневника.
Часть 9 - Делаем рамки - окантовки!

Оригинал записи и комментарии на LiveInternet.ru

Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments