Как вставить часы в панель навигации

[Serberg]

Как вставить часы в панель навигации



Решил вынести отдельной темой данный вопрос. Сейчас мы воткнем в панель навигации часики, которые будут грузиться так же быстро как Ваш сайт и работать будут без левых JS.

Итак, скачиваем архив с часами clock.swf (2.0 Кб), распаковываем файл и кладем в какую нибудь папку, например flash (если ее нет - создайте), в итоге адрес часиков будет таким: http://ваш-домен.ру/flash/clock.swf. (Так же могу Вам предложить еще Большую коллекцию флэшь часов для вставки, если эти не подходят Вам.)

Теперь в шаблоне navbar находим код:

<if condition="$show['member']">

<td id="pmNtfbox" bgcolor="#F9F9FF" valign="top" nowrap="nowrap">

Выше этого вставляем:

<!-- часики -->
<td class="alt1" align="center">
       <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
        width="200" height="200">

       <param name="movie" value="clock.swf">
       <param name="wmode" value="transparent">
       <param name="quality" value="high">
       <embed align="center" src="flash/clock.swf" quality="high" wmode="transparent"
        width="40" height="40" type="application/x-shockwave-flash"></embed>
       </object>
</td>
<!-- конец часиков -->

Красным выделил основные параметры кода на которые стоит обратить внимание и поправить если Вам нужно изменить имя файла, папку в которой он лежит или высоту и ширину часиков.

Вот и все.

[Stelax]

Об этих часиках я уже писал, время идет без перезагрузки страницы, т.е. они обновляются каждую секунду, в прошлый раз я просто выкладывал их код, теперь я их доработал и они вставляются в панель навигации))

Открываем navbar ищем:

PHP код:

<if condition="$show['member']"> 


И выше вставляем:

PHP код:

<!-- начало часов -->
<td class="alt1" align="center">
<embed width="200" height="0"><div class="whitefont">
<font size="1"><div id="clock">Загрузка...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
var months=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML= h + ":" + m + ":" + s + " | " + date  + " " + months[month] + ", " + days[day]  + ", " + year + "   " ;

setTimeout("refrClock()",1000);
}
refrClock();
</script></font>
</object>
</td>
<!-- конец часов --> 


выглядят так:



За основу, как вы уже заметили, был взят код из первого поста Serberg`a

[Rak]

Кому нужно что бы время показывалось по середине а не с боку то этот код нужно заключить вот этим кодом <div align="center">код часов</div>, то есть выглядит так:

PHP код:

<div align="center">
<!-- начало часов -->
<td class="alt1" align="center">
<embed width="200" height="0"><div class="whitefont">
<font size="1"><div id="clock">Загрузка...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
var months=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML= h + ":" + m + ":" + s + " | " + date  + " " + months[month] + ", " + days[day]  + ", " + year + "   " ;

setTimeout("refrClock()",1000);
}
refrClock();
</script></font>
</object>
</td>
<!-- конец часов -->
</div> 


[NuRt1ck]

раз пошла такая пьянка, то можно вообще написать так:

PHP код:

<center>
<!-- начало часов -->
<embed width="200" height="0"><div class="whitefont">
<font size="1"><div id="clock">Загрузка...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
var months=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML= h + ":" + m + ":" + s + " | " + date  + " " + months[month] + ", " + days[day]  + ", " + year + "   " ;

setTimeout("refrClock()",1000);
}
refrClock();
</script></font>
</object>
</td>
<!-- конец часов -->
</center> 


<center>
</center>

[Serberg]

NuRt1ck, а это что ?
<td class="alt1" align="center">

2 раза цетровать - это круто что ли ?

[NuRt1ck]

NuRt1ck, а это что ?
<td class="alt1" align="center">

2 раза цетровать - это круто что ли ?

упс...ошибочка вышла..исправил..

Смысл моего сообщения в том, что можно, я думаю, проще центровать что-либо моим способом, т.к. меньше писанины...хотя, дело-то хозяйское)

[Prometej]

Большую коллекцию флэшь часов - просьба перезалить. Файл не существует.