• Авторизация


Хороший урок для создания рамочек.. 25-02-2017 22:02 к комментариям - к полной версии - понравилось!

Это цитата сообщения Schamada Оригинальное сообщение

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

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


[700x601]

 


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



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


[700x612]



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

 


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


[700x411]



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


 ПРОДОЛЖЕНИЕ темы-"Дополнение в картинках..."

Вот код простой рамочки
[700x104]

 

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


 

Здесь я вставила код тени для рамочки box-shadow: 0px 1px 8px #000000;
[700x84]

 

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


тут с округлением во всех углах. border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;

[700x131]

 

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


а можно и так: 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;
[700x120]

 

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


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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Хороший урок для создания рамочек.. | LudmelaRU - Дневник LudmelaRU | Лента друзей LudmelaRU / Полная версия Добавить в друзья Страницы: раньше»