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

Пятница, 29 Декабря 2017 г. 02:20 + в цитатник

Цитата сообщения Lyusya-Spring

Прочитать целиком В свой цитатник или сообщество!

Для тех, кто хочет научиться делать рамочки с тенью

Рассмотрим пример на рамочке. Идем на сайт (смотри бродилочку ниже) и там подбираем для себя именно то, что устраивает Вас.(смотри ниже видео), а потом скопированный код тени втавляем в код рамочки. Для работ не забудьте поменять размер рамочки ( у меня стоит 450рх)

Это формула рамочки, которую можно скопировать прямо тут
<div style="width:450px;height:+++px;border:2px solid #0044CC;background-image: url('***');background-color:#++++++;-webkit-box-shadow: ЗНАЧЕНИЕ ТЕНИ<center><div style=" zzz="zzz" align="center"><span style="font-family:Times New Roman;color:#Цвет текста;font-size:20px;text-shadow:1px 1px 1px #000000;">Ваш текст</span></div>

вставляем код тени и смотрим результат, я убрала в данной рамочке цвет обводки, чтобы лучше было видно тень

Генератор box-shadow тени css

Таблица цветов для плоских дизайнов

Таблица безопасных цветов

Серия сообщений "*** уроки":

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 42 - Как сделать рамку в html вокруг текста
Часть 43 - Текст на картинке и показать картинки с прокруткой
Часть 44 - Для тех, кто хочет научиться делать рамочки с тенью
Часть 45 - урок, как сделать рамочку (по просьбе)

Серия сообщений "= МОИ УРОКИ":

Часть 1 - Фото - как задний план
Часть 2 - СОЗДАЕМ КЛЕТЧАТЫЙ ФОН
...
Часть 15 - Как сделать превью картинок
Часть 16 - шпаргалочка-подсказка
Часть 17 - Для тех, кто хочет научиться делать рамочки с тенью
Часть 18 - урок, как сделать рамочку (по просьбе)