• Авторизация
Дневник Лиза_Головина Лента друзей - Дневник - Полная версия


Создание рамки 19-12-2013 02:05 к комментариям - к полной версии - понравилось!


[показать]

[показать]
[показать]
Мы с вами уже делали рамочку не покидая блог,состоящую
из двух фонов.Сегодня,я расскажу как сделать более
усложнённый вариант рамочки,состоящий из трёх слоёв фонов ,всё так-же не покидая блог.

Это пример того,что у нас с вами должно получиться в конечном итоге.
[показать]
[показать]
Скажи, откуда у тебя
Фантазия такая -
Как будто я люблю тебя
И по тебе страдаю.

Во-первых, милая моя,
Страданий я не знаю,
А, во-вторых, быть может, я
Не по тебе страдаю.

А то, что под твоим окном
Стою я каждый вечер,
Отнюдь не говорит о том,
Что я желаю встречи.

Во-первых, если я там был,
То как простой прохожий,
А, во-вторых, не я там был,
А на меня похожий.

Так вот что, милая моя,
Ты не играй на нервах,
Во-первых, я люблю тебя,
А, во-вторых - во-первых.
[показать]
РАМОЧКА-РЕЗУЛЬТАТ УРОКА


[показать]
 [295x61]

[показать]

Давайте рассмотрим подробнее,что нам необходимо сделать,чтобы получить такую рамочку:

1.ПОДГОТОВИТЬ НЕОБХОДИМЫЕ ФОНЫ.
2.ВЫБРАТЬ ПРАВИЛЬНЫЙ КОД ФОНОВ ДЛЯ ВСТАВКИ В КОД-ШАБЛОН РАМОЧКИ.

Вот фоны и коды к ним,которыя я использовала для этого урока:

[показать]
Ссылка на основной-нижний фон (в коде-шаблоне обозначается,как фон №1) рамочки (Радикал,строчка №1).


[показать]
Ссылка на второй фон (в коде-шаблоне обозначается,
как фон №2) рамочки (Радикал,строчка №1).


[показать]
Ссылка на фон (в коде-шаблоне обозначается,как фон №3) записи
(Радикал,строчка №1).


[показать]
картинка в текст (Радикал,строчка №6).


[показать]
линеечка-разделитель для текста (Радикал,строчка №6)


Волшебный КОД-ШАБЛОН,для создания рамочки:


[показать]
 [295x61]

[показать]

НАШИ ДАЛЬНЕЙШИЕ ДЕЙСТВИЯ:
Копируем (из белого окошка)КОД-ШАБЛОН и вставляем его в текстовое поле вашей новой записи,в формате HTML.
Вот,что у нас получится:

Сейчас рассмотрим основные параметры тэгов,составляющие КОД-ШАБЛОН рамочки,их значения и названия,без которых невозможно сделать рамку:
1.table width="100%"-этот тэг обозначает ШИРИНУ всей нашей рамочки.В КОДЕ-ШАБЛОНЕ стоит ширина 100%.Значение ширины можно менять на ваше усмотрение.
Вот так выглядет рамочка после добавления фонов и без наших изменений:
ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ

2. border="0"-этот тэг определяет ТОЛЩИНУ границ каждого слоя рамки (КРАЙ ФОНА).В КОДЕ-ШАБЛОНЕ стоит цифра"0"(см.в коде).Этот тег можно менять на любую цифру по вашему желанию.Например я поменяла в фоне №1 border="0" на border="5" ,в фоне №2 border="0" на border="2" ,в фоне №3 border="0"на border="2"
и вот что у меня получилось:
ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ
Видите,как изменилась рамка!В первом слое край стал намного шире,чем во втором и в третьем.

3.cellspacing-увеличивает ШИРИНУ фонового слоя,
а cellpadding -расстояние между фонами рамки.
В КОДЕ-ШАБЛОНЕ-параметры выглядят так:
cellspacing="1", cellpadding="1".
Давайте посмотрим,что будет если я их поменяю:
в фоне №1:cellspacing="1" на cellspacing="20",
cellpadding"1" на cellpadding"2",
в фоне №2:cellspacing="1"-оставлю без изменений,cellpadding"1" на cellpadding"5",
в фоне №3:cellspacing="1" на cellspacing="3",
cellpadding"1"-оставлю без изменений.
Вот что получится:
ВАША КАРТИНКА;ВАШ ТЕКСТ ВАША ПОДПИСЬ
Видите разницу? Рамка стала выглядеть совсем по другому !
Далее,чтобы в рамочке всё встало на свои места,делаем отступ вниз после слов ВАША КАРТИНКА;и после слов ВАШ ТЕКСТ.
Вот,что у нас получится:

ВАША КАРТИНКА;

ВАШ ТЕКСТ

 ВАША ПОДПИСЬ

Остаётся добавить картинку и текст,результат вы видели.


[показать]
 [295x61]

[показать]

[показать]

font color="EEDD822"- ЭТО ЦВЕТ ТЕКСТА.
Имеет цифровое значения "EEDD822".
Можно менять.

font size="4"-ЭТО РАЗМЕР ТЕКСТА.Можно менять значения,
увеличивать или уменьшать текст.

font face="Times New Roman"- ЭТО название ШРИФТА ТЕКСТА.
Можно менять названия.
Вот и всё ! Желаю всем удачи !

[показать]
 [295x61]
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание рамки | Лиза_Головина - Дневник Лиза_Головина | Лента друзей Лиза_Головина / Полная версия Добавить в друзья Страницы: раньше»