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

    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!

    Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
    Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.

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

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

    Дата добавления: 18.05.2015 - 20:41
    Добавил: Buger
    Количество просмотров: 2.1k
    Количество комментариев: 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
    Не плохая вещь)
    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: