Интернет магазин шабонов
Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

Фон для определенной страницы

Дата добавления: 18.05.2015 - 20:41
Добавил: Buger
Количество просмотров: 704
Количество комментариев: 1
Рейтинг материала: 5.0 / 2
Фон для определенной страницы
БЕСПЛАТНО
Для скачивания файлов, необходима авторизация или регистрация на нашем ресурсе.
рейтинг 5.0
/
голосов 2
Однажды, имея во владении сайт сериалов, я задался вопросом: как сделать свою тематическую обоину для отдельного сериала? Что-бы страничка имела более привлекательный вид. Ответ на этот вопрос нашелся очень быстро: посредством создания и подключения своего файла со стилями к каждой страничке. Что мы сейчас с вами и разберем.

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

Источник: http://yraaa.ru
Бармен
19.05.2015 - 12:14
Не плохая вещь)
Добавлять комментарии могут только зарегистрированные пользователи.