Comments 75
На входной странице нашего последнего проекта мы сделали такую опцию во флэше тоже=)
0
Красиво =)
А какие промежутки времени? Вернее сколько их?
А какие промежутки времени? Вернее сколько их?
0
22-6 ночь
6-10 утро
10-19 день
19-21 вечер
Сделали так. Примерно совпадает такое деление с временами суток. В принципе, это все достаточно легко поправить при необходимости
6-10 утро
10-19 день
19-21 вечер
Сделали так. Примерно совпадает такое деление с временами суток. В принципе, это все достаточно легко поправить при необходимости
+1
А ещё можно извратиться и замутить смену оформления по часам, с поправкой на время года. =)
0
Не забываем про регион посетителя и время года.
Ведь, например, зимой не всегда с 10 до 19 день.
Ведь, например, зимой не всегда с 10 до 19 день.
0
Регион посетителя не важен, тк вычисляется время курорта. Время года не учитывается, тк летом все равно придется другую версию дизайна верстать, ибо зимняя версия будет не актуальна
0
Думаю Вы не очень понимаете ситуацию. Речь идет об автоматической смене стилей в зависимости от времени года. Хочу напомнить, что в году их 4, а не 2.
0
В нашем случае на сайте будет летнее и зимнее оформление. И скорее всего для летнего варианта страницы придется менять не только стиль, но и html-код. Однако, если удастся отверстать летний вариант с тем же html, то можно будет сделать и автоматическую смену стилей
0
Супер! Очень красиво, одно нарекание. Когда жмёшь кнопку спуститься с горы - грузится видео. Когда жмёшь её второй раз после того, как посмотрел видео - оно грузится ещё раз. Зачем? Почему не сразу же повторяется ролик?
+1
UFO just landed and posted this here
Я такое на php реализовал :)
Зачем? Почему?
Ответ прост:
Для ява-скрипта или флэша берётся время компа.
В моем случаи нужно было реализовать относительно часовой зоны, но так, если заходишь с Киева то на сайте ночь, а если с Лос-Анджелеса - день.
Да и плюсов получаем побольше:
1. 90-95% браузеров поддерживают Дж-Эс скрипты,
2. возможности для моб.-телефонов, которые не кушают Дж-Эс скрипты,
3. нет потребности совмещать скрпит с иными, если таковы используются,
4. уменьшение запросов на сервер и мирового трафика,
5. время суток на сайте всегда будет зависит только времени часового пояса.
:)
Зачем? Почему?
Ответ прост:
Для ява-скрипта или флэша берётся время компа.
В моем случаи нужно было реализовать относительно часовой зоны, но так, если заходишь с Киева то на сайте ночь, а если с Лос-Анджелеса - день.
Да и плюсов получаем побольше:
1. 90-95% браузеров поддерживают Дж-Эс скрипты,
2. возможности для моб.-телефонов, которые не кушают Дж-Эс скрипты,
3. нет потребности совмещать скрпит с иными, если таковы используются,
4. уменьшение запросов на сервер и мирового трафика,
5. время суток на сайте всегда будет зависит только времени часового пояса.
:)
0
Бомба! Нажал на кнопку "спустить с гор"... и мне аж туда на курорт захотелось! Дизайнер молодец - поработал на славу!!!
0
я бы наверное делал чтобы фон менялся в реальном режиме времени :) Чтоб зашел на сайт... сидишь... потом вдруг смотришь - опа. Уже луна. Пора спать.
0
Эта штука, как и разные приветствия были популярны в 90е, потом они как то отмерли. А вот легендарную надпись "Under construction" заменила "Beta".
+2
А если аудитория сайта по всему миру? Как можно подстроится под часовой пояс пользователя?
-1
Отличная информация!
Хоть тема и не нова, но замечательный пример!
Мое почтение
Хоть тема и не нова, но замечательный пример!
Мое почтение
+1
кстати, большенство тем на google.com/ig тоже меняются от текущего времени :)
+2
Ну, не самое новое решение. Примерно по тому же скрипту давненько функционирует сайт нашего интернет-агентства. В Photoshop отрисованно 3 версии сайта: день, вечер, ночь. И тот же скрипт меняет css файл с привязкой к одному из дизайнов.
0
А нет ли такого психологического момента, как привыкание? Иногда бывает что вот сменишь дизайн, кажется что стало вау, а старые пользователи первое время ворчат, что раньше было как-то лучше, привычнее.
А так по нескольку раз в день шокировать пользователей. Лучше тогда дать пользователю самому выбрать для себя одну из предустановленных тем.
P.S. Вариант с солнцем/луной тоже убогий.
А так по нескольку раз в день шокировать пользователей. Лучше тогда дать пользователю самому выбрать для себя одну из предустановленных тем.
P.S. Вариант с солнцем/луной тоже убогий.
0
UFO just landed and posted this here
Неее, надо реальную сиутацию оторбажать. Т.е. требуется синхронизация с gismeteo.ru
0
Я бы лучше посмотрел на что-нибудь неожиданное, например зимой - на лето, днем - на тихую ночь.
Ну хотя для офисного работника, который в последнее время солнце видит только на обеде, и так сойдет.
Ну хотя для офисного работника, который в последнее время солнце видит только на обеде, и так сойдет.
0
На одном из проектов (http://www.termico.ru) - день и ночь соответственно, но проект 2006 года :-)
0
Извините конечно, но это элементарная задача для javascript программера.
И если честно, то такая задумка лично меня как пользователя раздражает
И если честно, то такая задумка лично меня как пользователя раздражает
0
UFO just landed and posted this here
мож я чего не понимаю, но почему скобка, закрывающая функцию, стоит после той штуки, которая убирает JS от браузеров не видящих его?
document.write(css);
// End -->
}
document.write(css);
// End -->
}
0
Реализация не самая удобная, хотя вариант 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 на таймер.
Ссылки по теме:
Переключатель стилей
Адаптивная разметка
0
Посмотрел на сайт источник, весьма интересный сайтец, нет я понимаю, что никто не идеален и все иногда нарушают стандарты, но:
доктайп XHTML 1.0 Strict потом <SCRIPT LANGUAGE="JavaScript"><!-- а потом еще и document.write.
Что-то я злой сегодня, скорее всего автора к веб-разработке не имеет отношения и подправил готовую тему :), но согласитель хороший кирпич в огород адептов XHTML, именно благодаря таким сайтам HTML будет всегда, а браузерам нужно учиться переваривать код полный такой каши.
доктайп XHTML 1.0 Strict потом <SCRIPT LANGUAGE="JavaScript"><!-- а потом еще и document.write.
Что-то я злой сегодня, скорее всего автора к веб-разработке не имеет отношения и подправил готовую тему :), но согласитель хороший кирпич в огород адептов XHTML, именно благодаря таким сайтам HTML будет всегда, а браузерам нужно учиться переваривать код полный такой каши.
+1
Пару лет назад я тоже хотел прикрутить такую штуку к одному сайту. Только я пошел немного дальше: еще одним из параметров должна была стать забортная погода :) Просуммировав все это безобразие и оценив плюсы и минусы отложил реализацию до лучших времен.
0
Хорошая идея, я тоже делаю нечто подобное, но у меня просто "день" и "ночь"
0
а как вы эт сделали? а то у меня после 0 вкл. дневной режим
0
Не используйте для этого JS, попросите знакомого пхпшера написать вам скрипт, который слушает текущее серверное время и содержит в себе оба варианта CSS и выдает их либо выдает содержимое одного из двух файлов, делов-то… там полторы строчки.
0
Мне нравится подобная идея на Яндекс.Погода (цвет фона меняется в зависимости от температуры)
+1
а не подскажите что у меня не так.
хочу что был с 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>
0
чет код не написало. может в личку сбросить?
0
Sign up to leave a comment.
Смена оформления сайта в зависимости от времени суток.