Comments 75
На входной странице нашего последнего проекта мы сделали такую опцию во флэше тоже=)
Красиво =)
А какие промежутки времени? Вернее сколько их?
А какие промежутки времени? Вернее сколько их?
22-6 ночь
6-10 утро
10-19 день
19-21 вечер
Сделали так. Примерно совпадает такое деление с временами суток. В принципе, это все достаточно легко поправить при необходимости
6-10 утро
10-19 день
19-21 вечер
Сделали так. Примерно совпадает такое деление с временами суток. В принципе, это все достаточно легко поправить при необходимости
А ещё можно извратиться и замутить смену оформления по часам, с поправкой на время года. =)
Не забываем про регион посетителя и время года.
Ведь, например, зимой не всегда с 10 до 19 день.
Ведь, например, зимой не всегда с 10 до 19 день.
Регион посетителя не важен, тк вычисляется время курорта. Время года не учитывается, тк летом все равно придется другую версию дизайна верстать, ибо зимняя версия будет не актуальна
Думаю Вы не очень понимаете ситуацию. Речь идет об автоматической смене стилей в зависимости от времени года. Хочу напомнить, что в году их 4, а не 2.
Супер! Очень красиво, одно нарекание. Когда жмёшь кнопку спуститься с горы - грузится видео. Когда жмёшь её второй раз после того, как посмотрел видео - оно грузится ещё раз. Зачем? Почему не сразу же повторяется ролик?
Я такое на php реализовал :)
Зачем? Почему?
Ответ прост:
Для ява-скрипта или флэша берётся время компа.
В моем случаи нужно было реализовать относительно часовой зоны, но так, если заходишь с Киева то на сайте ночь, а если с Лос-Анджелеса - день.
Да и плюсов получаем побольше:
1. 90-95% браузеров поддерживают Дж-Эс скрипты,
2. возможности для моб.-телефонов, которые не кушают Дж-Эс скрипты,
3. нет потребности совмещать скрпит с иными, если таковы используются,
4. уменьшение запросов на сервер и мирового трафика,
5. время суток на сайте всегда будет зависит только времени часового пояса.
:)
Зачем? Почему?
Ответ прост:
Для ява-скрипта или флэша берётся время компа.
В моем случаи нужно было реализовать относительно часовой зоны, но так, если заходишь с Киева то на сайте ночь, а если с Лос-Анджелеса - день.
Да и плюсов получаем побольше:
1. 90-95% браузеров поддерживают Дж-Эс скрипты,
2. возможности для моб.-телефонов, которые не кушают Дж-Эс скрипты,
3. нет потребности совмещать скрпит с иными, если таковы используются,
4. уменьшение запросов на сервер и мирового трафика,
5. время суток на сайте всегда будет зависит только времени часового пояса.
:)
Бомба! Нажал на кнопку "спустить с гор"... и мне аж туда на курорт захотелось! Дизайнер молодец - поработал на славу!!!
я бы наверное делал чтобы фон менялся в реальном режиме времени :) Чтоб зашел на сайт... сидишь... потом вдруг смотришь - опа. Уже луна. Пора спать.
Эта штука, как и разные приветствия были популярны в 90е, потом они как то отмерли. А вот легендарную надпись "Under construction" заменила "Beta".
А если аудитория сайта по всему миру? Как можно подстроится под часовой пояс пользователя?
Отличная информация!
Хоть тема и не нова, но замечательный пример!
Мое почтение
Хоть тема и не нова, но замечательный пример!
Мое почтение
кстати, большенство тем на google.com/ig тоже меняются от текущего времени :)
Ну, не самое новое решение. Примерно по тому же скрипту давненько функционирует сайт нашего интернет-агентства. В Photoshop отрисованно 3 версии сайта: день, вечер, ночь. И тот же скрипт меняет css файл с привязкой к одному из дизайнов.
А нет ли такого психологического момента, как привыкание? Иногда бывает что вот сменишь дизайн, кажется что стало вау, а старые пользователи первое время ворчат, что раньше было как-то лучше, привычнее.
А так по нескольку раз в день шокировать пользователей. Лучше тогда дать пользователю самому выбрать для себя одну из предустановленных тем.
P.S. Вариант с солнцем/луной тоже убогий.
А так по нескольку раз в день шокировать пользователей. Лучше тогда дать пользователю самому выбрать для себя одну из предустановленных тем.
P.S. Вариант с солнцем/луной тоже убогий.
Неее, надо реальную сиутацию оторбажать. Т.е. требуется синхронизация с gismeteo.ru
Я бы лучше посмотрел на что-нибудь неожиданное, например зимой - на лето, днем - на тихую ночь.
Ну хотя для офисного работника, который в последнее время солнце видит только на обеде, и так сойдет.
Ну хотя для офисного работника, который в последнее время солнце видит только на обеде, и так сойдет.
На одном из проектов (http://www.termico.ru) - день и ночь соответственно, но проект 2006 года :-)
Извините конечно, но это элементарная задача для javascript программера.
И если честно, то такая задумка лично меня как пользователя раздражает
И если честно, то такая задумка лично меня как пользователя раздражает
мож я чего не понимаю, но почему скобка, закрывающая функцию, стоит после той штуки, которая убирает JS от браузеров не видящих его?
document.write(css);
// End -->
}
document.write(css);
// End -->
}
Реализация не самая удобная, хотя вариант document.write и пачкой css файлов весьма популярен, я не понимаю в чем смысл городить такое.
Делается так.
HTML
CSS
JS (позволю себе скопировать часть от вас и особо не тестить, метод проверенный, а мелкие ошибки устранить не сложно)
если нужен реалтайм, вешаем getClass на таймер.
Ссылки по теме:
Переключатель стилей
Адаптивная разметка
Делается так.
HTML
<body class="night">
Текст
</body>
CSS
.night { background: black; color: white; }
.day { background: white; color: black; }
JS (позволю себе скопировать часть от вас и особо не тестить, метод проверенный, а мелкие ошибки устранить не сложно)
function getClass()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 20)
document.body.className = "night";
else
document.body.className = "day";
}
если нужен реалтайм, вешаем getClass на таймер.
Ссылки по теме:
Переключатель стилей
Адаптивная разметка
Посмотрел на сайт источник, весьма интересный сайтец, нет я понимаю, что никто не идеален и все иногда нарушают стандарты, но:
доктайп XHTML 1.0 Strict потом <SCRIPT LANGUAGE="JavaScript"><!-- а потом еще и document.write.
Что-то я злой сегодня, скорее всего автора к веб-разработке не имеет отношения и подправил готовую тему :), но согласитель хороший кирпич в огород адептов XHTML, именно благодаря таким сайтам HTML будет всегда, а браузерам нужно учиться переваривать код полный такой каши.
доктайп XHTML 1.0 Strict потом <SCRIPT LANGUAGE="JavaScript"><!-- а потом еще и document.write.
Что-то я злой сегодня, скорее всего автора к веб-разработке не имеет отношения и подправил готовую тему :), но согласитель хороший кирпич в огород адептов XHTML, именно благодаря таким сайтам HTML будет всегда, а браузерам нужно учиться переваривать код полный такой каши.
Пару лет назад я тоже хотел прикрутить такую штуку к одному сайту. Только я пошел немного дальше: еще одним из параметров должна была стать забортная погода :) Просуммировав все это безобразие и оценив плюсы и минусы отложил реализацию до лучших времен.
Хорошая идея, я тоже делаю нечто подобное, но у меня просто "день" и "ночь"
а как вы эт сделали? а то у меня после 0 вкл. дневной режим
Мне нравится подобная идея на Яндекс.Погода (цвет фона меняется в зависимости от температуры)
а не подскажите что у меня не так.
хочу что был с 20:00 и до 8:00 был один стиль. а с 8:00 до 20:00 второй. адреса прописал верное к ЦСС
но проблема в другом. то что с 20 до 00:00 стоит именно тот стиль который должен быть. а вот с 01:00 ставится тот который должен утром стоять.
вод код. что не так?
<script language=«Javascript»>
}
</script>
<script language=«javascript»>getCSS();</script>
<noscript>
</noscript>
хочу что был с 20:00 и до 8:00 был один стиль. а с 8:00 до 20:00 второй. адреса прописал верное к ЦСС
но проблема в другом. то что с 20 до 00:00 стоит именно тот стиль который должен быть. а вот с 01:00 ставится тот который должен утром стоять.
вод код. что не так?
<script language=«Javascript»>
}
</script>
<script language=«javascript»>getCSS();</script>
<noscript>
</noscript>
чет код не написало. может в личку сбросить?
Sign up to leave a comment.
Смена оформления сайта в зависимости от времени суток.