Уважаемые мастера, вот такой вопрос. Здесь на этом форуме SKEE предложил скрипт, выводящий на гл. стр. дату и время, а также приветствие.
Я так понял, вам нужно, чтобы часы и приветствие были вместе и вверху? Как вариант:
<!--Часы с приветствием-->
<style type="text/css">
.clock{
position:relative;
top:15px;
left:30px;
padding-bottom:15px;
font-size:16px;
color:#6495ED;
}
</style>
<DIV class="clock">
<script type="text/javascript">
now = new Date
if (now.getHours() < 6) {
document.write("Доброй ночи!")
}
else if (now.getHours() < 12) {
document.write("Доброе утро!")
}
else if (now.getHours() < 18) {
document.write("Добрый день!")
}
else {
document.write("Добрый вечер!")
}
</script>
<SPAN id=clock>
<script language=JavaScript>
var dayarray=new Array("Воскресение","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота")
var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря")
function getthedate() {
var mydate=new Date()
var year=mydate.getFullYear()
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()
if (hours==0) {
hours=12
}
if (minutes<=9) {
minutes="0"+minutes
}
if (seconds<=9) {
seconds="0"+seconds
}
var cdate= daym+" "+montharray[month]+" "+" "+year+" "+"|"+" "+dayarray[day]+" "+"|"+" "+hours+":"+minutes+":"+seconds
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)
}
window.onload=goforit
</SCRIPT>
</SPAN></DIV>Здесь можете настраивать цвет и величину текста, а также его положение:
<style type="text/css">
.clock{
position:relative;
top:15px;
left:30px;
padding-bottom:15px;
font-size:16px;
color:#6495ED;
}
</style>
Вместо position:relative; можно попробовать использовать position:absolute; - тогда можно будет сдвигать фактически по всему форуму, куда вам надо.
color:#6495ED; - цвет текста
top:15px; - отступ сверху
left:30px; - отступ слева
padding-bottom:15px; - поле снизу от текста.
Отредактировано kolobdur74 (Вт, 26 Фев 2013 23:12:16)
