Однажды, имея во владении сайт сериалов, я задался вопросом: как сделать свою тематическую обоину для отдельного сериала? Что-бы страничка имела более привлекательный вид. Ответ на этот вопрос нашелся очень быстро: посредством создания и подключения своего файла со стилями к каждой страничке. Что мы сейчас с вами и разберем.
Первый способ
Первое: мы подготавливаем фон. Он должен быть хорошего качества, и желательно размерами не менее 1366x768. Загружаем его на сайт.
Второе: нам необходимо создать файл со стилями. Для этого мы создаем на рабочем столе обыкновенный текстовый файл, и вставляем в него следующее:
Код
body { background-image: url('ФОН') !important;
height: 100%;
background-attachment:fixed;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
Нужно заменит слово "ФОН" на ссылку с фоном. И сохраняем все в формате css. Для этого в блокноте нажимаем "Файл" - "Сохранить как...", выбираем в "Тип файла:" - "Все файлы" и в окошке "Имя файла:" в конце дописываем ".css" и нажимаем "Сохранить".
И так же загружаем файл на сайт.
Третье: что-бы наш фон начал отображаться, необходимо подключить файл со стилями к нашей странички. Это мы сделаем с помощью следующей строки:
Код
<link rel="stylesheet" type="text/css" href="ФАЙЛ">
Нужно заменит слово "ФАЙЛ" на ссылку с файлом-стилем.
Теперь при добавлении/редактировании материала, в поле "Полный текст материала:" в конце добавьте выше указанную строку со ссылкой на файл-стиль.
Теперь у вас свой фон на страничке с материалом, который вам нужен.
Второй способ (спасибо пользователю "Balbesskin"):
Добавляем следующий код после тега body на Страничку материала и комментариев к нему:
Код
<style>
body { background-image: url('$IMG_URL2$') !important;
height: 100%;
background-attachment:fixed;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
</style>
Теперь при добавлении/редактировании материала, второе изображение (либо другое, нужно изменить в "$IMG_URL2$" цифру на желаемую) будет отображаться как фон.
Дата:
19.05.2015 в 12:42
){kind=link}