Главная » Статьи CSS HTML » CSS HTML

Смена фона сайта при перезагрузки страницы.

02.12.2017, 17:47

Функция возвращает случайное число, с помощью её будем менять цвет(картинку) фона сайта.
Выглядит это так
Код
<?rnd(3)?>
где цифра 3 означает диапазон случайной цифры (это от 0 до 2), если поставим 4 то диапазон будет таким от 0 до 3.
В "Верхняя часть сайта" помещаем такой стиль

CSS
Код
<style>body {background:url('/fon<?rnd3?>.jpg') no-repeat 0%0%/cover fixed;}</style>


загружаем в корень файл-менеджера три картинки с названием fon0.jpg, fon1.jpg, fon2.jpg.
Проверяем... учтите функция не всегда возвращает разные цифры, иногда они повторяются и фон может не сменится.

Чтоб менять цвет фона например модуля форум, для этого в шаблоне "Общий вид форума" находим строчку
Код
<body>

меняем на
Код
<body class="rscol<?rnd3?>">

и в CSS пишем это
Код
.rscol0 {background:blue;}
.rscol1 {background:red;}
.rscol2 {background:green;}

Пример здесь.

Категория: CSS HTML | Добавил: Sentimo [Написать автору]
Просмотров: 351 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar