Как сменить фон HTML-шаблона

Итак, вы приобрели шаблон и хотите сменить фон. Есть несколько способов достигнуть поставленной задачи. Во-первых, в некоторых шаблонах вы можете менять цвет фона. Для этого откройте css-файл (обычно в папке styles или css) и установите цвет, как показано в примере:

html{
  background-color:#ff0000;
}

Значение цвета определяется записью типа #ff0000. Чтобы определить цвет, можете воспользоваться любым графическим редактором (Adobe Photoshop, Gimp, MS Paint) либо воспользоваться услугами специальных платформ и сайтов, предоставляющих такую возможность. Это более оптимальный способ, который не требует затрат времени на поиск и запуск графического редактора. Кроме того, часто на таких сайтах есть уйма предустановленных заготовок и зарисовок, которые упрощают работу дизайнера. Примеры подобных сайтов:

  • www.colorpicker.com
  • www.w3schools.com/tags/ref_colorpicker.asp
  • colorschemedesigner.com

Вот как выглядит интерфейс подобных сайтов:

Во-вторых, в любом шаблоне вы можете установить фоновое изображение. Рекомендуется использовать так называемые паттерны (текстуры) — изображения с повторяющимся бесшовным рисунком. Однако, если вы так желаете, вы можете установить большую фоновую картинку (например, фотографию). В этом случае для современных мониторов рекомендуется использовать изображения шириной не менее 2000 пикселей. Большую базу текстур без швов можно найти на сайте subtlepatterns.com

Чтобы вставить фоновую картинку в ваш шаблон, напишите подобный код в вашем CSS-файле:

html{
  background-image:url(images/bgr.jpg);
  background-repeat:repeat;
  background-position:50% 50%;
}

Теперь вы знаете, как вносить изменения в шаблоны, купленные на JurMax.