Использование бесшовного графического паттерна в качестве фона сайта является логическим правильным и распространенным решением среди сайтостроителей.
Из преимуществ можно выделить сравнительно малый вес графического изображения, которое за счет дублирования заполняет собой все пространство фона сайта, создавая при этом эффект цельного фонового изображения. Подробнее об этом Вы можете ознакомиться в данной статье.
Бесшовный фон на чистом CSS3
Мало кто знает, что при создании определенных паттернов можно обойтись без использования графического изображения, воспользовавшись исключительно CSS3. Один из них сейчас установлен в качестве фона данной страницы.
Инструкция по установке бесшовных фонов
Рассмотрим несколько вариаций CSS3 паттернов, которые смело можно использовать в качестве бесшовного фона своего сайта.
Пример №1
Пример №2
Пример №3
Пример №4
Пример №5
Пример №6
Пример №7
Пример №8
Пример №9
Пример №10
Пример №11
Пример №12
Пример №13
Пример №14
Пример №15
Пример №16
Пример №17
Пример №18
Пример №19
Пример №20
Пример №21
Инструкция по установке бесшовных фонов
- Выбираем понравившийся бесшовный паттерн и копируем его CSS3 код;
- В файлах сайта проходим по следующему пути: /template/название шаблона/css (в ней должны располагаться файлы с расширением .css);
- Находим и открываем основной css-файл шаблона, который называется style.css (в шаблонах студии Yootheme файл называется theme.css). Если не найдете файл с таким названием - ориентируйтесь на размер файла (он должен быть больше остальных);
- В файле (желательно в начале) вставляем скопированный код паттерна и сохраняем изменения.
Комментарии