Цитата сообщения VolshebnicaS
Урок №2 Учимся делать рамочки
УРОКИ по созданию рамочек для дневника принадлежат
_П_Р_И_Р_О_Д_Н_А_Я_
В этом уроке берем 2-слойную рамочку,начать же урок хочу с того о чем забыла упоминуть в предыдущем уроке.
Эта команда отвечает за размещение нашей рамочке на листе нашего дневника,то есть ставит рамочку по центру,если не писать этого тега,то наша рамочка сместится влево
![](//i017.radikal.ru/0803/74/9c590a63ee7b.jpg)
этот тег отвечает за поддержку высоты нашей рамочки,чтобы рамочка не свернулась
![](//i022.radikal.ru/0803/c7/9b60a57b01d6.jpg)
Этот тег отвечает за поддержку ширины нашей рамочке и также не дает ей свернуться
![](//i025.radikal.ru/0803/1e/2f50daa005b6.jpg)
И так приступем начнем с того,что обозначим наши слои:
1.первый слой
![](//i024.radikal.ru/0803/32/c7c5d6d9b336.jpg)
2.второй слой
![](//i017.radikal.ru/0803/20/b12cdb80ee28.jpg)
Далее показываю наглядно те команды,о которых говорилось в прошлом уроке,надеюсь все будет понятно
1.
![](//i011.radikal.ru/0803/8a/f6c09df39c2f.jpg)
2.
![](//i002.radikal.ru/0803/7e/03e53d6612bc.jpg)
Ну что же дальше повторяем весь наш первый урок,но не забываем что у нас два слоя,будьте внимательны.Поэтому надо взять соответственно 2 фона к каждому слою свой фон.
Теперь вставим картинку в нашу рамочку,для начала выберим ее и загрузим рядом с нашей рамочкой,вот так:
![(700x560, 54Kb)](//img0.liveinternet.ru/images/attach/b/3/21/321/21321885_3l1hvwlm329g1fovyu4cnh957ybul3bm_5.jpg)
В коде это будет выглядеть так:
![](//i015.radikal.ru/0803/14/013c18e9edd4.jpg)
Здесь я выделила весь адрес загруженной картинки,который в дальнейшем мы вырежем и поставим либо перед текстом либо после текст
![](//i050.radikal.ru/0803/46/c6dd3f72d403.jpg)
И так вставляем картинку
![(700x560, 54Kb)](//img0.liveinternet.ru/images/attach/b/3/21/321/21321885_3l1hvwlm329g1fovyu4cnh957ybul3bm_5.jpg)
Ваш текст |
|
В коде это выглядит так(адрес картинки подчеркнула):
![](//i025.radikal.ru/0803/3a/d95fe8e3fd14.jpg)
Далее подгоняем размер рамки под картинку,так чтобы это красиво выглядело,примерно так:
![(700x560, 54Kb)](//img0.liveinternet.ru/images/attach/b/3/21/321/21321885_3l1hvwlm329g1fovyu4cnh957ybul3bm_5.jpg)
Ваш текст |
|
Для этого уравниваем размер рамки с размером картинки(вот так):
![](//i007.radikal.ru/0803/df/5bc43e5a7e45.jpg)
Ну вот пока все