Это цитата сообщения VolshebnicaS Оригинальное сообщение

Урок №11 Учимся делать рамочки Учимся делать рамочки 11 УРОКИ по созданию рамочек для дневника принадлежат _П_Р_И_Р_О_Д_Н_А_Я_ Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:

ВАШ ТЕКСТ

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

[150x254] ВАШ ТЕКСТ

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

[150x254] ВАШ ТЕКСТ

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

[150x254] ВАШ ТЕКСТ

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