/ Дизайн / День и ночь: фон

День и ночь: фон

HIT

14.06.2015

1533

Интересным решением является изменение сайта или его элементов в зависимости от времени суток (Пример — сайт Geometria). Рассмотрим базовую функцию реализации данного функционала.

<script> 
theTime = new Date(); 
theHour = theTime.getHours(); 
 if(theHour>8&&theHour<20){ 
 document.write('<body id=day>' )
 } 
 else{ 
   document.write('<body id=night>' )
}
</script>

Надо в стилях прописать фоны для #day и #night

Поделиться в соц. сетях:

  • Похожие записи
  • Комментарии
  • Вложения
Миниатюра — фон сайта

Миниатюра — фон сайта

Мы можем использовать миниатюру записи для самых разных целей. В данной статье рассмотрим вариант использовать миниатюру в виде фонового изображения сайта. Вывод миниатюры в виде фона В цикл вывода миниатюры Читать далее »

/
Фоновые линии

Фоновые линии

Добавим линии в верстку сайта. Это разбавит однородный фон, а также придаст стройности разным блокам контента. 6 секторов Разделение фона линиями на 6 секторов. 12 секторов Тот же самый принцип, Читать далее »

/
Pixel Grid

Pixel Grid

Pixel Grid (пиксельная сетка) применяется для придания текстуры фону или изображению. Служит для затемнения или осветления основы. К необходимому объекту, например <div> с классом .photo в CSS делаем такие свойства .w-grid Читать далее »

Добавить комментарий

Пока нет комментариев. Будь первым!

День и ночь: фон
Галерея Masonry в процентах
Рекомендации для васГалерея Masonry в процентахOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.