Ярлыки

Поиск по этому блогу

суббота, 25 февраля 2017 г.

Мои помощники генераторы для создания рамочек..Делюсь.Schamada

Дорогие мои, по многочисленным просьбам сегодня я хочу вас познакомить  с парочкой  генераторов, которые я часто использую для создания рамочек. Этот генератор создаёт округлость рамочек, тень для них и тень для текста.Генератор на английском языке, но всё в нём понятно.Кстати,генераторы для тех, кто разбирается в кодах HTML. Ниже я объясню основные шаги.
Для начала познакомимся с ним..
Заходимно это для тех, кто понимает английский)))..
И конечно , я объясню Вам подробно о разделах по отдельности, код, которых принимает наше Li.ru.
Внешняя тень для рамочек..Движками вы можете регулировать тень, которая будет за рамочкой и нажав на палитру, вы выбираете цвет этой тени.. когда вы будете довольны тем, что создали -слева копируете код вашей тени и вставляете в общий код рамочки.
Сверху три палитры для примера, как будет цвет вашей рамочки и цвет тени выглядеть на общем фоне.Но в коде этой палитры уже не будет. Ну.... жмите на картинку и переходите к генератору.

1 (700x601, 33Kb)


Следующий генератор создаёт цвет и прозрачность фона рамочки.Также работаем движками и вы сами увидите как это получается.Справа код, который потом поставите в общий код рамочки.(жмите на картинку)
2 (700x615, 34Kb)


Следующий генератор округляет углы рамочек..Движками вы можете округлить сразу все углы или только, (если поставите галочку) по выбору.Здесь же вы можете создать обводку рамочки.Код справа копируете и вставляете в общий код рамочки (жмите на картинку)

3 (700x612, 38Kb)


Теперь у нас Генератор создания текста с тенью. также работаем движками и затем забираем код справа и вставляем его в общий код текста.(жмите на картинку)
4 (700x599, 32Kb)


Ещё один симпатичный и очень нужный генератор(конвертер), который при вашем вводе кода определённого цвета выдаст вам все тональности этого цвета и даже цвета, которые оптимально подходят к нему. Тут есть примеры как этот цвет будет выглядеть фоном, тенью или обводкой.(Жмите на картинку)

5 (700x411, 29Kb)


Ниже размещаю ссылку на коды HTML расцветок, а также их названия.
Все расцветки и тональности цвета.


Вот код простой рамочки
1 (700x104, 24Kb)

...Здесь будет ваш текст...



Здесь я вставила код тени для рамочки box-shadow: 0px 1px 8px #000000;
2 (700x84, 26Kb)

...Здесь будет ваш текст...


тут с округлением во всех углах. border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
3 (700x131, 33Kb)

...Здесь будет ваш текст...


а можно и так: border-radius: 38px 0px 38px 5px;
-moz-border-radius: 38px 0px 38px 5px;
-webkit-border-radius: 38px 0px 38px 5px;
...Здесь будет ваш текст...


А тут тень в тексте: text-shadow: 0px -1px 2px #260000;
4 (700x120, 37Kb)

...Здесь будет ваш текст...


Очень важно, чтобы коды отделялись точкой с запятой.

Кодпростой рамочки:
...Здесь будет ваш текст...

РедактироватьУдалитьР®зЎ«пЈ  о  аЎ¬

Комментариев нет:

Отправить комментарий