Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Баннерообмен с SVK Portal (2)
Hibernation Evil - Эпизод... (0)
Народная Солянка 2016 [OG... (0)
У костра (193)
Вступить в группировку (40)
У костра (193)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1366)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
Zarig (19.11.2020)
alekseitsarapckin (15.11.2020)
kendyukoleg (11.11.2020)
medewo10 (08.11.2020)
0wlrlyk (02.11.2020)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Индивидуальный фон для определенной страницы
Индивидуальный фон для определенной страницы
Бармен
Бармен
Пропуск №: 63
Регистрация: 12.04.2014
Ранг: Познающий
Сообщений: 74
Карма: 1 | Хабар: 8
stalkers
Дата: Вторник, 19.05.2015, 12:42/ Сообщение №: 1

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

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

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




Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Индивидуальный фон для определенной страницы
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-27.11.2020