Это цитата сообщения
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]
|
...Здесь будет ваш текст... |
Очень важно, чтобы коды отделялись точкой с запятой.