-Рубрики

 -Всегда под рукой


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

Пятница, 09 Ноября 2035 г. 22:11 + в цитатник
Цитата сообщения Егорова_Таня

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила 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)


И еще дополнения от Любаши Каренгиной

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 13 - Прозрачная рамочка с прокруткой
Часть 14 - Учимся делать Рамку с уголками.
Часть 15 - Рамочки с разрывом.
Часть 16 - Простые рамки с заголовком
Часть 17 - Рамка для оформления постов в дневнике
...
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки:  



 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку