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

Вторник, 18 Августа 2015 г. 00:42 + в цитатник

Цитата сообщения Егорова_Таня

Прочитать целиком В свой цитатник или сообщество!

Рамочка с разрывом.

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

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила

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

Простая рамочка

Выпуклая рамочка

Рамочка с круглыми углами

Рамочка с тенью

Рамочка с заданной шириной

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

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

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

Копируете в окошке код.

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

Р° (700x122, 109Kb)

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

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

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

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

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

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

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

Копируем код рамки из окошечка.

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

Р± (700x145, 73Kb)