Новый день, новый дизайн.

Или, делаем ротацию стилей на сайте по дням/месяцам/часам или как душе угодно.

Что нам понадобится: Во первых пациент, то есть сайт; во вторых придумать чего поменять в ассортименте, например сделаем квадрат

Будем каждый месяц менять фон квадрата. Например: зимой-синий, весной-розовый; летом-зеленый; осенью-желтый.

Собираем все в одну кучу.

Итого мы имеем:
11,12,1,2 - зима и квадрат будет синим *мы в холодном краеживем и зима наступает рано.*

3,4,5 - весна и квадарат унас порозовеет.

6,7,8 - лето и зеленый квадрат.

9,10 - желтая осень.

Если кто то желает менять другие параметры, а не цвета и месяцы, то далее будет показано как это реализовать и принципиально процесс не отличается.

Для начала нужно определится, как мы будем получать текущий месяц. Есть два варианта, с помощью Php и с помощью JavaScript. Возьмем Php, чтобы получить номер текущего месяца, нужно вызвать функцию date() и передать ей параметр "m". Если кто то хочет менять стиль, по другим критериям, то соответственно вызов функции будет отличатся.

Теперь создадим 4-е различных стиля, для нашего квадрата:

 .mounth11 .mounth12 .mounth1 .mounth2{
 background:blue;
}
 .mounth3 .mounth4 .mounth5{
 background:pink;
}
 .mounth6 .mounth7 .mounth8{
 background:green;
}
 .mounth9 .mounth10{
 background:yellow;
}

Собственно, осталось, только взять какую нибудь квадратную штуковину, например таблицу и раскрасить её в соответствии с нашими пожеланиями.

<table>
   <tr>
       <td width="100px" height="100px" class="mounth<?php echo date("m");?>"> </td>
   </tr>
</table>

Если же Вы хотите менять фоновый рисунок, или размер и цвет шрифта или еще чего нибудь, то нужно просто изменить стиль. Если хотите задать другие интервалы, то соответственно меняете вызов функции date() на нужный.

Комментарии

Оставить комментарий: Имя: Почта: Комментарий: Что написанно на картинке;)