Где взять фоны для сайта

Сегодня статья для тех, кто любит часто что-то менять на своём сайте. Самое простое решение — сменить фон. Вроде бы не большое изменение, но сделать это просто и не нужно устанавливать, менять, удалять коды в шаблоне, что многие блогеры делать по началу боятся.

Меняем фон на блоге

Поменять фон в блоге можно в 3 шага.
1. В боковой панели выбрать Тема — Настроить.
Тема — Настроить
2. Оказались на странице настройки:
на странице настройки
  1. Пункт фон.
  2. В этом пункте я отметила надпись Загрузить изображение. Картинка для фона должна быть на компьютере, от туда и скачиваем её, а затем устанавливаем. О том где взять красивый фон — читайте в статье дальше.
  3. Возможно, вам понравятся фоны предложенные самим блогом их много, есть неплохие. Нажмите понравившийся и посмотрите внизу окна на свой блог, в новом оформлении.
  4. Если понравилось, нажимаем Сохранить.
3. Сделаем небольшие настройки фона:
небольшие настройки
  1. Выбрав фон, выбираем в Выравнивании как его расположить — слева, справа, по центру верху или снизу.
  2. Во втором пункте выбираем — замостить (картинка будет из маленьких квадратиков — бесшовных, поэтому будет смотреться как единый узор), не разделять на мозаику — фон ляжет одним полотном, разделить на мозаику по горизонтали — картинка будет только сверху, разделить на мозаику по вертикали — картинка будут только сбоку. 
  3. Если поставить галочку, то фон при прокручивании страницы будет двигаться.
  4. Использовать фон и цвета по умолчанию — значит вернуть изначальный фон шаблона.
  5. Если всё понравилось нажать Применить к блогу.
  6. Выход из конструктора тем.
А теперь о том, где брать фоны, о некоторых я писала в этой статье. О нескольких расскажу сегодня.

Сайты с готовыми фонами — бери и устанавливай

  1. http://graphicdesignjunction.com/2011/02/background-pattern-designs-100-hi-qty-pattern-designs-for-website-background/
  2. http://www.grsites.com - есть и генератор полосатых фонов и готовые текстуры, которые можно использовать для фонов, распределённые по цветам. Для сохранения фона нужна регистрация.
  3. https://www.toptal.com/designers/subtlepatterns/
  4. http://backgroundlabs.com/item/seamless-bamboo-pattern/ - разнообразные фоны в нескольких тонах
  5. http://www.dinpattern.com/
  6. https://webdesignledger.com/200-beautiful-seamless-patterns-perfect-for-web-design/
  7. http://hotbliggityblog.com/
  8. http://www.patternhead.com/
  9. https://www.brusheezy.com/patterns
  10. http://www.noqta.it/dromoscopio/
  11. http://www.pixeldecor.com/patterns-geo-nimrod.shtml
  12. http://everydayicons.jp/patterns.html
  13. http://alice-grafixx.de/patterns
  14. https://thedesigninspiration.com/blog/2010/09/19/patterns-369/
  15. http://ava7patterns.com/

Генераторы

Придумай свой фон самостоятельно.
1. https://pattern.flaticon.com - выбираем цвет фона и накидываем на него разные картинки.
pattern
2. https://halftonepro.com - можно делать точечные фоны, фоны из геометрических фигур, по картинкам. Интересные получаются фотографии.
halftonepro
3. http://patternico.com - выбираем цвет фона и добавляем рисунки.
patternico
4. http://www.kennethcachia.com/plain-pattern - простенький генератор, похож на предыдущий.
kennethcachia
5. http://bgmaker.ventdaval.com - сами рисуем фон и скачиваем.
bgmaker.ventdaval
6. https://www.plaidmaker.com - можно скачать готовые фоны или сделать самостоятельно, но при работе с генератором требуют регистрацию.
plaidmaker
7. http://eskimoblood.github.io/gerstnerizer - точечный наипростейший генератор. 
eskimoblood.github
8. https://repperpatterns.com/tool - калейдоскопичный генератор. Наводишь на участок картинки мышкой и создаётся фон этого места.
repperpatterns
9. http://stripedbgs.com - простой фон из полос, минимум настроек.
stripedbgs
10. https://patternizer.com - полосатые фоны.
patternizer
11. http://www.colourlovers.com/patterns - в генераторе нужно раскрасить готовые чёрно-белые фоны.
colourlovers
12. https://coolbackgrounds.io - интересные и необычные фоны.
coolbackgrounds
13. https://webfon.top/generator - загружаете картинку, выбираем размер нажимаем кнопку создать и вуаля — перед вами бесшовный фон. Не забываем сохранить.
webfon
Отправить комментарий

Комментарии со спамом удаляются.