|
Дизайн на любое время суток
|
|
| ctaulep6377 | Отредактировал ctaulep6377 - Вторник, 24 Ноября 2009, 19:24 Дата: 24 Ноября 2009, 19:21 | Сообщение # 1 | ● ● ● ● ● 26 сообщений Статус: Offline | Добрый День, хелперы=) Короче сделал я 4 шапки: утро, день, вечер, ночь. И теперь мне нужно, чтобы они менялись автоматически, в зависимости от времени=) Вот, какой скрипт для CSS написал я: Code #topBlock <script language="JavaScript"> function process(){} today = new Date() if((today.getHours() < 12) && (today.getHours() >= 6)) {background:url('http://site/1.png') top center no-repeat;height:243px;} if((today.getHours() >= 12) && (today.getHours() < 18)) {background:url('http://site/2.png') top center no-repeat;height:243px;} if((today.getHours() >= 18) && (today.getHours() <= 23)) {background:url('http://site/3.png') top center no-repeat;height:243px;} if((today.getHours() >= 0) && (today.getHours() < 6)) {background:url('http://site/4.png') top center no-repeat;height:243px;} </script> #tobTable.... ну и дальше неважно Он не работает в CSS. Создал я его на примере скрипта, который стоит у меня в шаблоне главной страницы: Code if((today.getHours() < 12) && (today.getHours() >= 6)) { document.write("<font color=#60befd>Доброе Вам утро </font>")} Может быть нельзя использовать подобные скрипты в CSS, может быть нужно использовать другие скрипты. Помогите, подскажите, пожалуйста=) Ах да, забыл написать, что у меня стоит в CSS по стандарту: Code #topBlock {background:url('http://site/1.png') top center no-repeat;height:243px;} #topTable | | |
|
| cucYa | Дата: 24 Ноября 2009, 19:32 | Сообщение # 2 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | JS в CSS?  | | |
|
| ctaulep6377 | Дата: 24 Ноября 2009, 19:33 | Сообщение # 3 | ● ● ● ● ● 26 сообщений Статус: Offline | я так и думал, что нельзя. Каким скриптом можно сделать то, что я хочу? | | |
|
| Infamous | Отредактировал Infamous - Вторник, 24 Ноября 2009, 19:42 Дата: 24 Ноября 2009, 19:42 | Сообщение # 4 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Code <script type="text/javascript"> var morning='ссылка на утреннюю шапку' var day='ссылка на дневную шапку' var evening='ссылка на вечернюю шапку' var night='ссылка на ночную шапку'
today = new Date() if((today.getHours() < 12) && (today.getHours() >= 6)) {document.write('<img border="0" src="'+morning+'" />')} if((today.getHours() >= 12) && (today.getHours() < 18)) {document.write('<img border="0" src="'+day+'" />')} if((today.getHours() >= 18) && (today.getHours() <= 23)) {document.write('<img border="0" src="'+evening+'" />')} if((today.getHours() >= 0) && (today.getHours() < 6)) {document.write('<img border="0" src="'+night+'" />')} </script> | | |
|
| ctaulep6377 | Отредактировал ctaulep6377 - Вторник, 24 Ноября 2009, 20:01 Дата: 24 Ноября 2009, 19:58 | Сообщение # 5 | ● ● ● ● ● 26 сообщений Статус: Offline | Code ........ #topBlock <script type="text/javascript"> var morning='ссылка' var day='ссылка' var evening='ссылка' var night='ссылка'
today = new Date() if((today.getHours() < 12) && (today.getHours() >= 6)) {document.write('<img border="0" src="'+morning+'" />')} if((today.getHours() >= 12) && (today.getHours() < 18)) {document.write('<img border="0" src="'+day+'" />')} if((today.getHours() >= 18) && (today.getHours() <= 23)) {document.write('<img border="0" src="'+evening+'" />')} if((today.getHours() >= 0) && (today.getHours() < 6)) {document.write('<img border="0" src="'+night+'" />')} </script> #topTable........ вот так вставил в CSS. Не работает.:( Спасибо за твой вариант, кидаю "+". Может быть какие-то неточности? Можно ли вообще использовать JS в CSS? Думаю проблема в том, что нету вот этой формы, а именно фразы background:url Code {background:url('http://csmovie.net/1CsMovie/morningUP.png') top center no-repeat;height:243px;} | | |
|
| cucYa | Дата: 24 Ноября 2009, 20:05 | Сообщение # 6 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Можно ли вообще использовать JS в CSS Ага, ещё там можно базы хранить... | | |
|
| ctaulep6377 | Отредактировал ctaulep6377 - Вторник, 24 Ноября 2009, 20:18 Дата: 24 Ноября 2009, 20:14 | Сообщение # 7 | ● ● ● ● ● 26 сообщений Статус: Offline | Лучше не своё чувство юмора показывать, а грамотно расписать советы и подсказки. Но ты со своими 5159 постами и 426 плюсами слишком высокомерен по отношению к неопытным пользователям. Жду помощи, ребята. | | |
|
| Бармалей | Дата: 28 Ноября 2009, 22:21 | Сообщение # 8 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Code function getHeader(){ var headers = [ 'что угодно для ночной шапки', // class, id, url, html... 'что угодно для утренней шапки', 'что угодно для дневной шапки', 'что угодно для вечерней шапки' ], hour = parseInt(new Date().getHours()/6); return headers[hour]; // да, можно было переменные вообще не объявлять, но как-то не очень хорошо это... } Превед гостям с говнокода 
 | | |
|