Индивидуальный фон для определенной страницы

Однажды, имея во владении сайт сериалов, я задался вопросом: как сделать свою тематическую обоину для отдельного сериала? Что-бы страничка имела более привлекательный вид. Ответ на этот вопрос нашелся очень быстро: посредством создания и подключения своего файла со стилями к каждой страничке. Что мы сейчас с вами и разберем.

Первый способ

Первое: мы подготавливаем фон. Он должен быть хорошего качества, и желательно размерами не менее 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$" цифру на желаемую) будет отображаться как фон.

Спасибо за внимание!