Hi zusammen,
ich habe es heute ebenfalls probiert (war schon lange auf der taskliste, aber der post hat mich dann dazu getrieben ;-)
Im Prinzip funktioniert die Wiki-Anleitung (in Chrome), nur dass das logo weiterhin sichtbar ist... In Safari/iOS und Firfox lief es nicht. Ich habe ein paar Anpassungen vorgenommen und es scheint nun zu laufen...
1.) Zusätzlich Sekunden in svg.js eingefügt und sichergestellt, dass onload event nicht überschrieben wird
function GetClock(){
var d = new Date();
var nhour = d.getHours();
var nmin = d.getMinutes();
var nsec = d.getSeconds();
if(nmin <= 9){nmin="0"+nmin};
if(nsec <= 9){nsec="0"+nsec};
document.getElementById('logo').innerText=nhour+":"+nmin+":"+nsec;
setTimeout("GetClock()", 1000);
}
window.addEventListener ?
window.addEventListener("load",GetClock,false) :
window.attachEvent && window.attachEvent("onload",GetClock);
2.) Anpassungen in darkstyle.css (Positionierung ein bisschen angepasst und background image auskommentiert:
body { background-color: #444444;
/*background-image:url(../images/default/fhemicon_dark.png); */
background-repeat:no-repeat;
color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
/*#logo { position:absolute; top:10px; left:20px; width:140px; visibility:hi$
#logo { position:fixed; top:20px; left:40px;
width:120px; height:105px; text-align:center;
font-family:Times-Roman; font-size:xx-large; font-weight:bold;
}
Grüße,
Oli
