Постоянно пополняемая коллекция бесшовных фонов в форматах png, jpg и gif, состоящая из более чем 200 различных цветовых и графических вариаций.
В качестве дополнения к данному набору паттернов, Вы можете ознакомиться с реализацией бесшовного фона на чистом CSS3 без использования графических изображений. Подробнее об этом Вы можете узнать в данной статье.
Преимущества бесшовного фона
- Небольшой вес (в среднем от 10 до 100 КБ), что очень положительно сказывается на скорости загрузки сайта.
- Полностью заполняет собой фон абсолютно любого разрешения экрана, создавая эффект цельного фонового изображения.
Инструкция по установке бесшовных фонов
- Выбираем, сохраняем и закидываем на хостинг понравившийся бесшовный фон.
- В файлах сайта проходим по следующему пути: /template/название шаблона/css (в ней должны располагаться файлы с расширением .css)
- Находим и открываем основной css-файл шаблона, который называется style.css (в шаблонах студии Yootheme файл называется theme.css). Если не найдете файл с таким названием - ориентируйтесь на размер файла (он должен быть больше остальных).
- В файле (желательно в начале) вставляем ниже размещенный код и сохраняем изменения.
Для подключение бесшовного фона понадобится следующий код:
/* В url укажите свой корректный путь до файла бесшовного фона */
body { background: url(/images/138.jpg) 0 0 repeat; }
Перепроверяйте корректность выставленного пути до фонового изобрражения. В большинстве случаев это основная причина по которой не получается установить фон.
Чтобы сохранить нужный бесшовный фон, наведите курсор на понравившуюся картинку, нажмите правую кнопку мыши и выберите "Сохранить картинку как..."
Комментарии (1)