До нового года осталось...

[rewue]

Привет, сделал я на своем форуме небольшой приятный фокус. Написал скриптик, который выводит в новостях фразу - До нового года осталось...
делалось это вот так...
после строки подключения CSS в файле index.template.php соответствующей темы вставляю код

Код Выделить Развернуть

    echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/template_css.css?rc2" />
<link rel="shortcut icon" type="image/x-icon" href="', $settings['theme_url'],'/favicon.ico" />
<script type="text/javascript">
var ny = new Date(2007, 0, 1,0,0,0);
function countdown()
{
var now = new Date();
if(now.getTime()>= ny.getTime())
{
document.getElementById("newyear").innerHTML = "С Новым Годом!!!"
}
else{
var ms = ny.getTime()-now.getTime();
var hours = Math.floor(ms/1000/60/60);
var minutes = Math.floor(((ms/1000/60/60)-hours)*60);
document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ hours+" часов "+((minutes<10)?"0"+minutes:minutes)+" минут";}
}
var codeTimer = setInterval("countdown()",250);
</script>';


Далее захожу в админку и делаю объявление вот такого вида

Код Выделить Развернуть


<div style="font-size:16px; color:#FF0000; text-align:center;font-weight:900;font-family: Geneva;" id="newyear">Test</div>

вот собственно и все...вот такой получился результат.

[Gover]

Спасибо rewue за полезный совет. Как я понимаю этот скрипт можно использовать не только в преддверии нового года. В связи с чем вопрос.

Код Выделить Развернуть

new Date(2007, 0, 1,0,0,0)
Как правильно задать любую дату. 2007 - понятно, 1 - тоже. А что все остальное?
Вопрос номер два.
Как определить переменную для вывода дней? Вернее - это не сложно, но меня поставило в тупик дальней шая модификация часов и минут, ибо в таком случае они представляют из себя полнейший бред.

[rewue]

new Date (год, месяц,число,часы,минуты ,секунды)
а вот второй вопрос я если честно не понял... Я просто сделал объявление в котором прописал тег с именем, а потом скриптом в этот тег вставлял надпись...
Уточни плиз вопрос

[Gover]

Уточняю.
Нужно сделать примерно так:

До нового года осталось 360 дней 11 часов 20 минут.

Т.е. как я уже писал выше - добавить переменную для вывода количества дней, причем так, чтобы часы и минуты отображались корректно.

[rewue]

вот с днями... я не стал выписывать куда вставлять - я просто изменил скрипт вывода

Код Выделить Развернуть

<script type="text/javascript">
var ny = new Date(2008, 0, 1,0,0,0);
function zero(x)
{
return (x<10)?"0"+x:x;
}
function countdown()
{
var now = new Date();
if(now.getTime()>= ny.getTime())
{
document.getElementById("newyear").innerHTML = "С Новым Годом!!!"
}
else{
var ms = ny.getTime()-now.getTime();
var day = Math.floor(ms/1000/60/60/24);
var hours = Math.floor((ms/1000/60/60/24-day)*24);
var minutes = Math.floor((((ms/1000/60/60/24-day)*24)-hours)*60);
document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ zero(day)+" дней "+zero(hours)+" часов "+zero(minutes)+" минут";}
}
var codeTimer = setInterval("countdown()",250);
</script>

[Ejik]

чего то не понял, а что надо писать в новость, а то пишится красным Test

[rewue]

Test -  пишется только когда ты делаешь новость... Как только вернешься в форум на странице будет все нормально. Если на странице все равно тест - проверяй - задал ли ты id в тегах в новости и совпадает ли он с тем что используется в скрипте
Все что должно отображаться на странице выводится именно скриптом -  а он работает не в админке где делается новость а уже непосредственно на странице.

ЗЫ. Можешь заменить слово тест на вот такую штуку -   (это неразрывный пробел).

[andreyvw]

.......
после строки подключения CSS в файле index.template.php соответствующей темы вставляю код
.......

"ткните пальцем" где это ))))) (строка)
а то я щас буду бэкапить index.template.php))))))))

[0daliska]

"ткните пальцем" где это ))))) (строка)
а то я щас буду бэкапить index.template.php))))))))

Код Выделить Развернуть

link rel="stylesheet"
Учебник по html и css вообще-то вот на этом сайте: http://htmlbook.ru/

[andreyvw]

спасибо большое.

p.s. вот если ответить просто: "иди читай учебник" - то таких как я будет сотни и каждому писать читать учебник???
а один раз в теме ответить где именно строка - тогда на мне и закончатся детские вопросы)))))))

Код Выделить Развернуть

в магазине допустим:
- сколько стоит хлеб?
- иди посмотри биржевые сводки на муку.

[0daliska]

спасибо большое.

p.s. вот если ответить просто: "иди читай учебник" - то таких как я будет сотни и каждому писать читать учебник???
а один раз в теме ответить где именно строка - тогда на мне и закончатся детские вопросы)))))))

Код Выделить Развернуть

в магазине допустим:
- сколько стоит хлеб?
- иди посмотри биржевые сводки на муку.

Ну если Вы не узрели ответа том, что Вам написали, то учебник Вам читать явно надо...
Еще раз перечитайте в цитате участок кода, который Вам всего-то надо найти, чтобы определить, что это подключение стилей!!!

ВОТ ЭТО ОТВЕТ НА ЗАДАННЫЙ ВАМИ ВОПРОС!!!!

Код Выделить Развернуть

link rel="stylesheet"


А ВОТ ЭТО РЕКОМЕНДАЦИЯ, КАК ОКАЗАЛОСЬ, ДАННАЯ НЕ ЗРЯ, ИБО ВАШ ПОСЛЕДУЮЩИЙ ОТВЕТ В ЭТОМ УВЕРИЛ ОКОНЧАТЕЛЬНО!
Учебник по html и css вообще-то вот на этом сайте: http://htmlbook.ru/

[andreyvw]

спасибо большое.

я всё узрел и понял
а вы нет
p.s. - на то и пост скриптум))))))

[0daliska]

Ну и замечательно 

[andreyvw]

а этот счётчик вообще подходит к SMF 1.1.12?

[Mavn]

привязки к версии нет у этого счетчика!

[andreyvw]

спасибо

тогда вопрос: а для SMF 1.1.12 не подскажете счётчик

[Drakonsa]

привязки к версии нет у этого счетчика!

[andreyvw]

да знаю я что нет У ЭТОГО привязки
я про ДРУГОЙ какой нить счётчик спрашиваю - может есть нормальные под SMF 1.1.12

[Bugo]

А чем этот ненормален?

[andreyvw]

нет секунд убегающих и нет привязки к 1.1.12
p.s. Bugo я помню твоё предложение, но мне нужны секунды

[Bugo]

и нет привязки к 1.1.12

Похоже, Вам вообще бесполезно что-либо советовать, Вы не читаете

привязки к версии нет у этого счетчика!

[Drakonsa]

Код Выделить Развернуть

    echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/template_css.css?rc2" />
<link rel="shortcut icon" type="image/x-icon" href="', $settings['theme_url'],'/favicon.ico" />
<script type="text/javascript">
var ny = new Date(2011, 0, 1,0,0,0);
function countdown()
{
var now = new Date();
if(now.getTime()>= ny.getTime())
{
document.getElementById("newyear").innerHTML = "С Новым Годом!!!"
}
else{
var ms = ny.getTime()-now.getTime();
var hours = Math.floor(ms/1000/60/60);
var minutes = Math.floor(((ms/1000/60/60)-hours)*60);
var seconds = Math.floor(((((ms/1000/60/60)-hours)*60)-minutes)*60);
document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ hours+" часов "+((minutes<10)?"0"+minutes:minutes)+" минут "+((seconds<10)?"0"+seconds:seconds)+" секунд";}
}
var codeTimer = setInterval("countdown()",1000);
</script>';

it's so hard to think...

[andreyvw]

Похоже, Вам вообще бесполезно что-либо советовать, Вы не читаете

да понял что нет привязки - я про другой скрипт спрашивал
Drakonsa - спасибо
так всё равно ж не прёт на 1.1.12

p.s. not hard when you know what to think

[Mavn]

сек поставлю на тестовом акке

[Bugo]

так всё равно ж не прёт на 1.1.12

Посмотрите на скриншот, проверил специально на 1.1.12

[Mavn]

так всё равно ж не прёт на 1.1.12

http://test.simplemachines.ru
вживую так сказать

[Макар]

  фейсом об тейбол     

[andreyvw]

очень смешно, Макаревич - очень.

все пишут не подходит - вот я и не стал пробовать)))))
сами попробовали и убедились. теперь и я доволен)))))

блин, а что там с language - одни вопросы

p.s. а музончик улыбнул на Тесте))))

[Mavn]

тебе вообще то много раз написали что привязки к версии нет

[andreyvw]

да ПОНЯЛ я уже!!!!!!!!!!!
просто у Bugo на скрине по русски написано. и он написал что версия 1.1.2

[Bugo]

версия 1.1.2

Где я такое написал?

[andreyvw]

Посмотрите на скриншот, проверил специально на 1.1.12

у тебя на скрине по русски))))

да ладно - проехали

лучше подскажите этот объектик - http://www.usflashmap.com/component/countdown_timer.htm

Код Выделить Развернуть

<object type="application/x-shockwave-flash" height="100" width="200" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
<param name="flashvars" value="
      &timer=1&
      &time_template=3:ss;2:mm;1:hh;0:dd&
      &time_color=0x000000&
      &label_color=0x000000&
      &background_color=0xFFFFFF&
      &flare_view=true&
      &time_label=d:Дней;h:Часов;m:Минут;s:Секунд&
      &time_zone=Local time&
      &event_time=year:2011;month:1;day:1;hour:0;minute:0;seconds:0&
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
      &event_recursion=hourly&
      &onpress_url=-&
      &event_onpress_url=-&
      &title=До Нового года:&
      &event_title=event&
      &sound_file=-&
      &event_sound_file=-&
      &transparent=true&
" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
</object>

как убрать при наведении надпись и ссылку на сайт

[digger®]

как убрать при наведении надпись и ссылку на сайт

Нарисовать свою флэшку, без надписей и ссылок.

[Bugo]

у тебя на скрине по русски))))

Советую воспользоваться лупой, если невооруженным глазом не можете отличить цифру 12 от 2

[andreyvw]

Bugo да чего ты кипятишься то...
у меня форум 1.1.12. а 1.1.2 - я опечатался - бывает
так вот на 1.1.12 - нет у этого скрипта у меня русских надписей

[karavan]

Посмотрите пожалуйста, что тут не так, если я хотел чтоб выводились дни-часы-минуты-секунды. В таком виде не работают секунды...

echo '
   <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/template_css.css?rc2" />
   <link rel="shortcut icon" type="image/x-icon" href="', $settings['theme_url'],'/favicon.ico" />
   <script type="text/javascript">
var ny = new Date(2011, 0, 1,0,0,0);
function zero(x)
{
   return (x<10)?"0"+x:x; 
}
function countdown()
{
   var now = new Date();
   if(now.getTime()>= ny.getTime())
   {
   document.getElementById("newyear").innerHTML = "С Новым Годом!!!"     
   }
   else{
   var ms = ny.getTime()-now.getTime();
   var day = Math.floor(ms/1000/60/60/24);
   var hours = Math.floor((ms/1000/60/60/24-day)*24);
   var minutes = Math.floor((((ms/1000/60/60/24-day)*24)-hours)*60);
   var seconds = Math.floor(((((ms/1000/60/60/24)-hours)*60)-minutes)*60);
   document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ zero(day)+" дней "+zero(hours)+" часов "+zero(minutes)+" минут";+zero(seconds)+" секунд";}
}
var codeTimer = setInterval("countdown()",250);
</script>';

[karavan]

ап. не так много времени осталось до НГ. )

[yrygvay]

Есть замечательный баннер, который автоматом отсчитывает время до НГ!!! его можно в новости добавить!

[karavan]

yrygvay дайте пожалуйста ссылочку если есть

[Serifa]

Готовь сани летом, что называется. Дайте тоже, я в блок портала вставлю))

[Макар]

  у Каравана круглый год зима. Он еще с прошлого нового года аву не менял 

[karavan]

Да, зачем её менять... Ведь опять придет новый год

[yrygvay]

http://www.usflashmap.com/component/countdown_timer.htm

[karavan]

О, спасибо, буду разбираться.

[karavan]

http://www.usflashmap.com/component/countdown_timer.htm

Увы не смог разобраться как его сделать

Может тут все-таки ошибку найдете, кажется мне она в этой части кода -

Код Выделить Развернуть

var seconds = Math.floor(((((ms/1000/60/60/24)-hours)*60)-minutes)*60);
   document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ zero(day)+" дней "+zero(hours)+" часов "+zero(minutes)+" минут";+zero(seconds)+" секунд";}

[yrygvay]

 а от куда вы взяли этот кусок кода?
я  в тестовом вижу только

Код Выделить Развернуть

<object type="application/x-shockwave-flash" height="100" width="200" data="http://www.usflashmap.com/component/cdt_new/cdt2_4.swf">
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_4.swf" />
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
<param name="flashvars" value="
      &timer=4&
      &time_template=2:ss;1:mm;0:hh&
      &time_color=0x000000&
      &label_color=0x000000&
      &background_color=0xffffff&
      &flare_view=false&
      &time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
      &time_zone=Local time&
      &event_time=year:2012;month:1;day:0SU;hour:0;minute:0;seconds:0&
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
      &event_recursion=hourly&
      &event_bg_image=-&
      &bg_image=-&
      &onpress_url=-&
      &event_onpress_url=-&
      &title=До нового года осталось&
      &event_title=пварптргваипрг&
      &sound_file=-&
      &event_sound_file=-&
      &transparent=true&
" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
</object>


[karavan]

В этой теме взял и сложил в кучу всё, а то все кусочками как-то... одним словом после строки той что писала 0daliska в посте № 8 файла index.template.php

Код Выделить Развернуть

link rel="stylesheet"
добавлял этот код, сложенный по кусочкам из разных постов, т.к в одном не было дней, а другой не работал, я сложил как бы третий:

Код Выделить Развернуть

echo '
   <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/template_css.css?rc2" />
   <link rel="shortcut icon" type="image/x-icon" href="', $settings['theme_url'],'/favicon.ico" />
   <script type="text/javascript">
var ny = new Date(2011, 0, 1,0,0,0);
function zero(x)
{
   return (x<10)?"0"+x:x;
}
function countdown()
{
   var now = new Date();
   if(now.getTime()>= ny.getTime())
   {
   document.getElementById("newyear").innerHTML = "С Новым Годом!!!"     
   }
   else{
   var ms = ny.getTime()-now.getTime();
   var day = Math.floor(ms/1000/60/60/24);
   var hours = Math.floor((ms/1000/60/60/24-day)*24);
   var minutes = Math.floor((((ms/1000/60/60/24-day)*24)-hours)*60);
   var seconds = Math.floor(((((ms/1000/60/60/24)-hours)*60)-minutes)*60);
   document.getElementById("newyear").innerHTML = "До Нового Года осталось: "+ zero(day)+" дней "+zero(hours)+" часов "+zero(minutes)+" минут";+zero(seconds)+" секунд";}
}
var codeTimer = setInterval("countdown()",250);
</script>';

В админке объявление

Код Выделить Развернуть

<div style="font-size:16px; color:#FF0000; text-align:center;font-weight:900;font-family: Geneva;" id="newyear">Test</div>

И оно работало, только не работали секунды, а в логах апача были ошибки

[karavan]

Вобщем полный завал, уже вообще ничего не работает, при записи этого кода в новости

Код Выделить Развернуть

<div style="font-size:16px; color:#FF0000; text-align:center;font-weight:900;font-family: Geneva;" id="newyear">Test</div>
раньше выдавалось слово "Test" а теперь так этот код текстом и выдаётся и ничего не работает при изменении файла никаким вариантом... сдаюсь.

[0daliska]

1. karavan,

Код Выделить Развернуть

var ny = new Date(2011, 0, 1,0,0,0);
а надо:

Код Выделить Развернуть

var ny = new Date(2012, 0, 1,0,0,0);
2. Если пишешь в новостном блоке, то в двойке обрамляй в [ html ] [ /html ]


Мимоходом:
У тебя же есть портал, поэтому почему бы просто не использовать верхний блок портала (тип html) и не вставить туда и текст скрипта и сам див счетчика. С блоком и в шаблоны лезть не надо

[karavan]

хм... спасибо... буду пробовать