Это цитата сообщения Православная_жизнь Оригинальное сообщение

Урок №2 Учимся делать рамочки

[показать]

В этом уроке ,будем делать 2-слойную рамочку,

Ваш текст

Команда <center>  отвечает за размещение нашей рамочке на листе нашего дневника,то есть ставит рамочку по центру, 

если не писать этого тега,то наша рамочка сместится влево

[показать]

этот тег отвечает за поддержку высоты нашей рамочки,чтобы рамочка не свернулась

[показать]

Этот тег отвечает за поддержку ширины нашей рамочке и также не дает ей свернуться

[показать]

И так приступем начнем с того,что обозначим наши слои:

1.первый слой

[показать]

 

 

2.второй слой [показать]

Далее показываю наглядно те команды,о которых говорилось в прошлом уроке,надеюсь все будет понятно [показать] [показать]

 

2. [показать]  [показать]

 

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

Поэтому надо взять соответственно 2 фона к каждому слою свой фон. Теперь вставим картинку в нашу рамочку,для начала выберим ее и загрузим рядом с нашей рамочкой,вот так:

 

 

 

Ваш текст

[700x560]

В коде это будет выглядеть так:

[показать]

Здесь я выделил весь адрес загруженной картинки,который в дальнейшем мы вырежем и поставим либо перед текстом либо после текст

[показать]

И так вставляем картинку

[700x560] Ваш текст

 

В коде это выглядит так(адрес картинки подчеркнул):

[показать]

Далее подгоняем размер рамки под картинку,так чтобы это красиво выглядело,примерно так:

[700x560] Ваш текст

 

Для этого уравниваем размер рамки с размером картинки(вот так):

 

[показать]

Ну вот пока все

 

[показать]

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Рамочки для Блогов
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Серия сообщений "Язык HTML":
Часть 1 - HTML - шпаргалка (часть 1)
Часть 2 - Код HTML (часть 2)
...
Часть 6 - Каскадные таблицы стиля
Часть 7 - Коды HTML (рамки для записей)
Часть 8 - Урок №2 Учимся делать рамочки
Часть 9 - УРОКИ -окошки для текста и кнопки