[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: GaV  
Форум » ВСЁ ДЛЯ WEB МАСТЕРОВ uCoz » Ответы и помощь web - мастерам » Как сделать таймер обратного отсчета с фоном (картинкой) (Нужен таймер, но чтоб в фон можно было вставить картинку)
Как сделать таймер обратного отсчета с фоном (картинкой)
Пятница, 09.12.2011, 22:59 | Сообщение # 1
Сообщений:
7
Награды:
Замечания:
IP:
-
0
+
0
У меня новая проблема, дело вот в чем… хочу поставить таймер обратного отсчета на свой сайт (в шапку), а найти нормальный не могу, я посмотрел данный таймер ТЕМА НА ФОРУМЕ, он мне понравился и с настройками вроде разобрался, но как сделать чтоб сзади него был фон не как не могу сообразить…подскажите пожалуйста с меня награда и +
Пятница, 09.12.2011, 23:04 | Сообщение # 2
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
ЯК, ну а что вам не дает взять код с той темы и установить его в шапку сайта и выставить нужные параметры? Все же просто...включите фантазию и по экспериментируйте
Пятница, 09.12.2011, 23:25 | Сообщение # 3
Сообщений:
7
Награды:
Замечания:
IP:
-
0
+
0
GaV, я пытаюсь поставить на тестовом шаблоне и толку нет, даже шаблон менял, пробовал на 894, 787, 803...и еще на своем и толку 0 ну максимум что получается часы посередине ((( помогите а....
Пятница, 09.12.2011, 23:35 | Сообщение # 4
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
ЯК, вот пример...Показываю все более менее подробно на примере данного шаблона (#894):
Идем в ПУ сайта > Верхняя часть сайта > В данном случае я вставил в
Code
<logo> -->Мой сайт<!-- </logo>
заменив "Мой сайт" кодом

Code
<script language='javascript' type='text/javascript'>       
function fulltime ()   {       
var time=new Date();       
var newYear=new Date("jan,01,2012,00:00:00");                
var totalRemains=(newYear.getTime()-time.getTime());       

if (totalRemains>1){       

var RemainsSec = (parseInt(totalRemains/1000));       
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));       
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;       
var RemainsFullHours=(parseInt(secInLastDay/3600));       
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};       
var secInLastHour=secInLastDay-RemainsFullHours*3600;       
var RemainsMinutes=(parseInt(secInLastHour/60));       
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};       
var lastSec=secInLastHour-RemainsMinutes*60;       
if (lastSec<10){lastSec="0"+lastSec};       

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн</span>";       
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час</span>";       
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>";       
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>";                
setTimeout('fulltime()',10)                 
}       

else{       
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";       
}       
}       
</script>       
<style type='text/css'>       
#clou_xs {position:relative;width:200px;height:50px;padding:10px;}       
#clock {height:150px;text-align:center;font-size:13px;}       
#RemainsFullDays {position:absolute;bottom:1px;left:15px;font-size:15px;}
#RemainsFullHours {position:absolute;bottom:1px;left:55px;font-size:15px;}       
#RemainsMinutes {position:absolute;bottom:1px;left:102px;font-size:15px;}       
#lastSec {position:absolute;bottom:1px;left:150px;font-size:15px;}       
#Rem {font-size:11px;font-weight:normal;}       
</style>       
<div id='clou_xs'>       
<div id='clock'>       
Форум http://pontov.ucoz.net:     

<span id='RemainsFullDays'></span>       
                 <span id='RemainsFullHours'></span>       
                 <span id='RemainsMinutes'></span>       
                 <span id='lastSec'></span>       
</div>       
</div>       
<script language='javascript'>fulltime();</script>




Изменил данные параметры 400 на 200, думаю на примере данного шаблона можно сделать манипуляцию с любым шаблоном

В итоге получилось вот что:



Пробуйте...
Пятница, 09.12.2011, 23:47 | Сообщение # 5
Сообщений:
7
Награды:
Замечания:
IP:
-
0
+
0
GaV, спс! все на тестовом шаблоне получилось как у вас...теперь буду у себя подобие делать
Суббота, 07.01.2012, 11:47 | Сообщение # 6
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
Тема закрыта! Помощь оказана!
Форум » ВСЁ ДЛЯ WEB МАСТЕРОВ uCoz » Ответы и помощь web - мастерам » Как сделать таймер обратного отсчета с фоном (картинкой) (Нужен таймер, но чтоб в фон можно было вставить картинку)
  • Страница 1 из 1
  • 1
Поиск: