Недавно меня спросили как изменять картинку в шапке сайта в зависимости от времени года? И в голову пришёл самый простейший (по-моему) способ — это использовать CSS и немного PHP.
Будем менять картинку в зависимости от текущего месяца с помощью css и php. Пример можно лицезреть в правом сайдбаре моего блога.
В нужное нам место на сайте вставляем код:
<div class="calend-<?php echo date('m'); ?>"> ... </div> |
А в файле css пишем стили для каждого месяца, например:
.calendd-01, .calendd-02, ..., .calendd-12 { height: 100px; width: 250px; } .calendd-12, .calendd-01, .calendd-02 { background: url('images/winter.png') no-repeat; } .calendd-03, .calendd-04, .calendd-05 { background: url('images/spring.png') no-repeat; } .calendd-06, .calendd-07, .calendd-08 { background: url('images/summer.png') no-repeat; } .calendd-09, .calendd-10, .calendd-11 { background: url('images/autumn.png') no-repeat; } |
Если немного доработать, то можно и для каждого дня выводить свою картинку, например для праздников.