Новогодняя и рождественская графика: иконки, фоны, паттерны, новогодние элементы
Кто-то раньше, кто-то позже, но многие занимаются сменой декора своего сайта или магазина к Новому Году и Рождеству. За последнюю неделю три моих старых заказчика интернет-магазинов попросили украсить сайт, один менял только фон, другой — фон и логотип, а третий — общий декор, чтобы магазин выглядел празднично. В общем, как и что украшать — дело лично каждого, но без праздника на сайте просто не обойтись) Делюсь ссылками на те элементы и ресурсы, которые нравятся мне, но вы сможете увидеть там то, что понравится вам или подойдет именно для вашего сайта/магазина.
1. Новогодние и рождественские иконки - большой выбор забавных и красивых иконок: елки, олени, подарки, снежинки, новогодние украшения, Санта и т.д. Иконки можно скачать в удобных форматах, например, png или psd.
2. Набор праздничных иконок (28 шт.) в формате svg (открыть можно с помощью редактора gimp, Adobe Illustrator, CorelDraw).
3. Зимние позитивные бесшовные паттерны со снежинками и имитацией снега. В наборе 8 цветных бесшовных фонов в формате png, psd и pat для добавления новых наборов паттернов в фотошоп.
4. «Пряничный» бесшовный паттерн с забавными печенюшками, елочками. снежинками и снеговиками, формат jpg и eps.
5. Яркий новогодний бесшовный паттерн с елочными украшениями, формат jpg, размер изображения 3307×3307. Как использовать бесшовные паттерны для фона своего сайта смотрите ниже.
6. Новогодний фон со снежинками в синих тонах, формат jpg, размер изображения 1280×988. Как использовать для фона своего сайта/магазина не паттерн, а изображение, смотрите ниже.
7. Яркие и забавные рождественские/новогодние элементы декора для украшения сайта или интернет-магазина, формат eps.
8. Набор из 10 новогодних разделителей/бордеров для украшения сайта: подарки, елки, снежинки, звездочки… Формат eps и ai.
9. Анимированные фоны для сайтов с живым предпросмотром (левый клик мышкой демонстрирует фон, правый клик — сохраняет изображение на компьютер), в gif формате.
10. И напоследок ресурс с большим количеством разнообразных рождественских и новогодних обоев в хорошем разрешении.
Теперь об обещанном выше:
1. Как установить для фона сайта бесшовный паттерн?
— в этом случае никаких особенных манипуляций производить не требуется, достаточно в таблице стилей (чаще всего это style.css или stylesheet.css) для background указать файл, который хотим использовать для фона (предварительно не забываем его залить в нужную папку). Паттерн должен сам размножиться, но если этого не произошло (может, какой-то чудаковатый браузер не захочет адекватно себя вести), то добавляем в background, после пути к изображению, repeat-x repeat-y.
2. Как установить для фона сайта изображение определенного размера?
Например, вам нравится какое-то изображение, но оно не бесшовное и если его использовать так, как описано в пункте 1, то будут видны стыки и замащивание. Чтобы этого не произошло необходимо в таблице стилей для background прописать следующие свойства:
background-attachment: fixed;
background-position: center;
background-size: cover;
Всех с наступающими праздниками!
