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

Поиск сообщений в Галина_Гражданова

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

 

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.10.2015
Записей: 126
Комментариев: 8
Написано: 396


Pамочки с разрывом и с закругленными углами

Пятница, 18 Марта 2016 г. 19:08 + в цитатник
Цитата сообщения Вера_Паничкина Pамочки с разрывом и с закругленными углами.

set style="width:600px;border:3px #fff799 solid; padding: 20px; border-radius: 30px;box-shadow: 0px 0px 20px black;">0_a833b_47c5b673_S (109x150, 27Kb)Как сделать рамочку с разрывом, я знаю, в моём дневнике есть.
Но хотелось найти код рамочки с разрывом и с закругленными углами.
НАШЛА! И снова меня выручила Егорова Таня!
Полностью урок можно прочитать на этой странице, так как я взяла из урока лишь то, что меня интересовало, что не доставало в моем дневничке...

ИТАК:

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


Вот код -"скелетик" рамочки с разрывом и закругленными углами, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.
75415430_87ed974d8e84 (30x30, 3Kb)


Выглядит этот код вот так.
Р° (700x122, 109Kb)

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

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

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

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

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

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

ВИДЫ БОРДЮРОВ (наглядно можно посмотреть ЗДЕСЬ и ЗДЕСЬ:)


solid - рамка из сплошной линии;

dotted - точечная линия;

dashed - пунктирная линия;

double - рамка из двойной сплошной линии;

groove - вдавленная линия;

ridge - выпуклая линия;

inset - вся рамка кажется вдавленной;

outset - вся рамка кажется выпуклой.

<legend align="left"> - разрыв с картинкой слева;

<legend align="right"> - разрыв с картинкой справа;

<legend align="center"> - разрыв с картинкой по цeнтру



Серия сообщений "делаем рамочки":
Часть 1 - Обрамляем текст в рамку.Быстро
Часть 2 - Формулы рамочек.
...
Часть 4 - РАМОЧКИ ВОКРУГ ТЕКСТА
Часть 5 - Делаем рамочку в Онлайн фото редактор
Часть 6 - Pамочки с разрывом и с закругленными углами
Часть 7 - Рамки с формулой
Часть 8 - Простейший генератор оригинальных рамочек

Метки:  

 

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

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

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

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