Еще один эффект для сайта, который поможет улучшить вид вашего сайта. Шапка сайта меняется в зависимости от времени на часах у пользователя на компьютере. Короче говоря, веб-мастер устанавливает в коде время для ночи, утра , дня, вечера. Вот по этому времени и будет меняться шапка сайта.
Давайте тогда все просмотрим на примере.
Пример установки кода буду показывать для WordPress. Если вы создавали сайт на html или php, тогда вам нужно делать это изменение там, где вы прописывали код шапки сайта.
Итак, начнем.
В Wordpress откройте файл header.php
(Внешний вид > Редактор > header) и ищем место, где выводится шапка вашего сайта или блога, например:
<div id="header"></div>
или
<div id="head"></div>
Далее добавляем к этому блоку класс «time-»:
class="time-<?php echo $time; ?>"
Теперь над выводом шапки сайта добавим функцию $now_hours:
<?php $now_hours = date('G'); if($now_hours<8) { $time = 'night'; } elseif($now_hours<12 && $now_hours>=8 ) { $time = 'morning'; } elseif($now_hours>=12 && $now_hours<17) { $time = 'day'; } elseif($now_hours>=17 && $now_hours<=23) { $time = 'evening'; } ?>
Сохраните файл.
night - ночь,
morning - утро,
day - день,
evening - вечер.
В этой строке elseif($now_hours>=17 && $now_hours<=23) меняем время.
Теперь откроем файл style.css и добавим нужную нам шапку, например:
/* Ночь */ .time-night { background:url (/images/night.jpg); } /* Утро */ .time-morning { background:url (/images/morning.jpg); } /* День */ .time-day { background:url (/images/day.jpg); } /* Вечер */ .time-evening { background:url (/images/evening.jpg); }
Сохраните файл.
Картинки night.jpg, morning.jpg, day.jpg, evening.jpg разместите в папке images, в вашей теме WordPress.
Если вы все сделали правильно, то должно работать.....
С Уважением Webmasterok2009
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330330 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274683 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222435 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187485 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186559
Степан здравствуйте. Идея интересная. Накачать картинок на темы дня ночи и немножко переделать их в фотошопе под вашу тематику сайта. Думаю будет красиво! Добавил ваш блог в закладки, много нужной информации тут у вас. Попробую осилить)
Спасибо за комментарий, Антон. Рад что информация на моем блоге интересная и полезная людям. Желаю вам творческих успехов.