-Цитатник

Русские мелодрамы - НОВИНКИ 2016 года - (0)

Русские мелодрамы - НОВИНКИ 2016 года

Мелодрамы выходного дня. - (0)

Мелодрамы выходного дня.

Любителям индийской песни - (0)

Любителям индийской песни - плейлист Серия сообщений "Мои коллажи-5": Часть 1 - Сы...

ВОЛШЕБНАЯ СОДА(www.mak-var.com.ua) - (0)

ВОЛШЕБНАЯ СОДА(www.mak-var.com.ua) ВОЛШЕБНАЯ СОДА(www.mak-var.com.ua) *Не платите за дорогой...

Несладкие вареники : Две хитрости - (0)

Несладкие вареники : Две хитрости В этом рецепте есть две хитрости, которые помогут приготовит...

 -Приложения

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в NikaLive

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) АртБазар О_Самом_Интересном Рецепты_блюд

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2011
Записей: 2650
Комментариев: 7174
Написано: 22987


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

Вторник, 04 Октября 2011 г. 13:55 + в цитатник
Цитата сообщения yaqut Делаем рамки - окантовки!

 

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

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

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

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

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

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

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

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

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

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

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

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



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

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



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

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



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

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



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

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




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

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




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

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



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

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



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

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

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.
Рубрики:  Уроки
Метки:  

Tigris_Live   обратиться по имени Среда, 05 Октября 2011 г. 08:46 (ссылка)
.
5fec0de3502c (500x500, 192Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Октября 2011 г. 11:37ссылка
И такая рамочка нужна !!!:heart:
 

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

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

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

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