Цитата сообщения Егорова_Таня Рамочка с разрывом.

РАМОЧКА С РАЗРЫВОМ

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.

Простая рамочка Выпуклая рамочка Рамочка с круглыми углами Рамочка с тенью Рамочка с заданной шириной

урок провела Егорова Таня

Дам код-"скелетик" рамочки, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.

Код рамки с разрывом

Копируете в окошке код.
<fieldset style="width:ШИРИНАpx;border:ТОЛЩИНАpx solid #ЦВЕТ;padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;"><br /> <legend align="center"><img src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset>

Выглядит этот код вот так.



1. ШИРИНА в пикселях. Примерно до 650. Можно и больше, но лучше до 650.

2. ТОЛЩИНА в пикселях. Минимальное значение 1.

3. ЦВЕТ рамочки. 6 знаков цвета. Например черный 000000, белый ffffff, золотистый fff799.

4. УГОЛ. Закругленность углов в пикселях. Если хотите оставить угол прямым, то вместо слова УГОЛ поставьте цифру ноль. Чем выше цифра, чем больше закругленность.

5. КАРТИНКА. Сюда вставляете URL нужной картинки. Желательно маленькой.

6. ТЕНЬ. Можете оставить так как есть. А можно поэкспериментировать и вместо нолей перед цифрой 20 поставить значения выше и посмотреть что изменится. Цифру 20 тоже можно изменить на другую. Вместо 6 нолей (так обозначается черный цвет тени) после знака # можете поставить значение нужного цвета тени.
Если вы везде поставите ноль px, то тень исчезнет.

Код ВЫПУКЛОЙ рамочки с разрывом.

Копируем код рамки из окошечка.
<fieldset style="width:ШИРИНАpx;border:БОРДЮРpx ridge #ЦВЕТ"><br /><legend align="center"><img src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset>

Выглядит этот код почти так же как и предыдущий, только задается меньше параметров. ШИРИНА, БОРДЮР-его толщина(см. фото,1) и ЦВЕТ(см. фото,2).