-Рубрики

 -Поиск по дневнику

Поиск сообщений в Молодуха_51

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.02.2015
Записей: 12229
Комментариев: 4
Написано: 12954


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

Вторник, 22 Декабря 2015 г. 23:09 + в цитатник
Цитата сообщения Егорова_Таня Рамочка с разрывом.

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


Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила 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 - Простые рамочки-обводки для текста
...
Часть 35 - Формула рамочки(анимация вверху и внизу)
Часть 36 - ♡ХРОНИКА вставки РАМКИ через "ИСТОЧНИК" РАСШИРЕННОГО РЕДАКТОРА ЛИру
Часть 37 - Рамочка с разрывом.
Часть 38 - Рамочки с флагом своей страны.
Часть 39 - составляющие ФОРМУЛЫ простой рамочки для записей
...
Часть 41 - Создание рамочек без знаний html всего за пару минут
Часть 42 - Без заголовка
Часть 43 - 9 простых рамочек для текста.

Метки:  

 

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

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

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

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