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



Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:
 

Теперь загружаю картинку,как мы делали это в прошлом уроке(один совет не берите очень широкие картинки)и вставляю в рамочку между слоями,как мы это делали в предыдущих уроках с прямыми рамочками.
Вот так:
[показать]
Здесь подчеркнуты те два слоя,которые будут нашей внешней рамочкой:
[показать]
здесь те слои,которые будут нашей внутренней рамочкой:
[показать]
Теперь будем регулировать наши размеры,
размер нашей внутренней рамочки ставим так чтобы сумма ,размера картинки и ее размера ,не превышала размера внешней рамочки,а была бы примерно равной ей .

И мы получаем такой вид рамочки:
 

[295x500] ВАШ ТЕКСТ

Как видем вид не очень притягательный.
Теперь делаем следующее:
Перед картинкой ставим вот этот тег со следующими характеристиками:
[показать]
1.устанавливаем жестко:
[676x309]
2.уравниваем размер по картинки:
[показать]
И получаем такой вид рамочки:
 

[295x500] ВАШ ТЕКСТ

Но это не все, ведь вставляя наш текст в такую рамочку,внутренняя рамочка начнет увеличиваться в высоту,а картинка имеет определенный размер.И если текста будет очень много,то под картинкой образуется пустое место,что не украсит нашу рамочку,поэтому я рекомендую в такие рамочки вставлять текст с прокруткой или плывущий текст.
Сейчас мы разберем плывущий текст ,так как этот вариант намного проще:
Что ж вставлять этот тег мы уже умеем из предыдущих уроков,так что сразу будем оговариватьмаленький ньюанс с размером.
регулировать будем вот этот размер(то есть размер в теге должен равняться размеру картинки):
[показать]
Вот так:
[показать]
И мы получим вот такой вид рамочки:
 

[295x500] ВАШ ТЕКСТ

Теперь дам один совет ,если вы ставите линии-разделители,то в размере тега,учитывайте и их размер,то есть размер тега должен быть равен ,в этом случае ,разнице между размером картинки и размером линии-разделителя(либо двух линий-рзделителей,если вы ставите их два).