Многие блоги и ресурсы на время новогодних праздников сменили дизайн на праздничный. В независимости от количества изменений на это потребовалось определенное время. А перед новым годом согласитесь делать уже ничего не хочется. Неплохо было бы автоматизировать процесс смены дизайна. Сегодня я наткнулся на интересный способ как это легко можно реализовать.
В примере мы будем ориентироватся на 31 декабря. Допустим у нас есть логотип:
.container #logo{ background: url(images/logo.jpg); }
Добавляем еще один селектор:
.date1231 .container #logo{ background: url(images/nylogo.jpg); }
В этом случае фоновое изображение у логотипа поменяется.
Теперь добавим немного PHP, присвоим элементу <body> следущий класс:
<body class="date<?php echo date("md"); ?>">Результатом чего станет <body class="date1231">, конечно если день на тот момент 31 декабря.
Вот мы и имеем автоматическую смену изображения в зависимости от даты. Можно сделать дополнительные селекторы на другие праздники и не парится…
Оригинал: Seasonal CSS
Оказывается статью уже перевели до меня, так что можете ознакомится с первым вариантом.
Loading ...
Идея у меня была такая, но реализацию я придумал другую. Мне кажется, что проще это делать с помощью JS. То же самое, предопределенные классы, только пишем что-то в духе:
date = new Date();//здесь получаем месяц и число
if(month==11 && day==30) {
//присваиваем body новый класс
}
Кстати, подобные вещи можно делать и для изменений дизайна, относительно времени суток или времени года.
Я уже когда-то писал почему данный способ является неудачным.
Ваш код будет генерировать названия классов каждый день и только несколько из них будут описаны. Я считаю, что это криво! Не делайте так! Вариант Шамана, хоть и чуть длинее, но правильнее! Я с ним полностью согласен. И не обязательно это делать на JS, можно и на PHP
полезная статья! действительно диз можно оч быстро сменить…
Теперь только осталось заставить себя сесть и подготовить всё это дело — картинки, CSS, PHP.
Согласен с вышеизложенным. Ежедневые классы – зло. А реализацию шамана лучше сделать на php или smarty (если он используется)
Господа, делать это на php – небольшой изврат. Мы же определяем небольшую тонкость представления. А пхп – это все-таки, программа. Правильней, я думаю, внести небольшой код в шаблон и не париться по поводу правки пхп.
Лично я буду делать так.
Решил продолжить размышления на тему. Думаю, вам будет интересно.
SHAman, спасибо, завтра ознакомлюсь.