Часы на ксеню

ogbiwap

Проверенные
Сообщения
187
Реакции
131
Баллы
8,170
Часики очень простые,основаны на JavaScript.
Создаём новый шаблон под названием clocs,вставляем в него следующий код
Код:
<body onLoad="goforit()"><div id="wrap">
<div id="header">
<div align="center">
<script>
var dayarray=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота")
var montharray=new Array("Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>24){
hours=hours-24
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<font size=5><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="clock"></span>
</p>
</div>
Далее открываем шаблон header
и ниже класса
<div id="header">
пишем:<xen:include template="clocs" />
и сохраняем.
скрин часов:12.jpg
 
Молодец конечно, но в header'e как-то не красиво смотрится... да и вообще не красиво смотрится (без обид) :)
Для меня в footer'e смотрится более-менее:
Заходим в шаблон footer и после:
Код:
<xen:edithint template="footer.css" />
Пишем:
Код:
<xen:include template="clocs" />
Результат:
bandicam 2014-06-20 00-08-55-779.jpg
 
Еще есть такие - покрасивее:
пардон - уже есть тут.
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу