Hilfe
Neues Thema
Antworten
Ich - habwegs erfahreni m Gadgetbauen und mit den Grundfunktionen soweit vertraut
- benötige mal den entscheidenden Tip.Folgendes Problem:
Das in meinem gerade entstehendem "Farbuhr" Gadget verwendete Hintergrundbild will erinfach nicht transparent angezeigt werden.
Ich habe ein Script - siehe unten - in dem festgelegt ist, dass zu einer bestimmten Uhrzeit ein bestimmtes Hintergrundbild innerhalb des Gadgets angezeigt wird. (So soll es zumindest mal sein) dies ließe sich dann erweitern, so dass stündlich, zweistündlich, wie auch immer, das Hintergrundbild im Gadget wechselt - je nach Uhrzeit eben.....
Hier das Script:
<html>
<head>
<title>Farbuhr</title>
<style>
body {
width: 130px;
height: 67px;
font-family: Tahoma, Helvetica, sans-serif; color: white;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: bold;
}
#time {
width: 130px;
height: 67px;
margin: 0px;
padding: 0px;
}
.red {
background-image: url(images/red.png);
}
.yellow {
background-image: url(images/yellow.png);
}
</style>
<script>
function doTime()
{
var Time = new Date();
var hours = Time.getHours();
var minutes = Time.getMinutes();
var seconds = Time.getSeconds();
var timeclass = "yellow";
var h = "h";
if (hours < 12) {
ampm = "h";
} else {
ampm = "h";
}
if (hours < 8) {
timeclass = "red";
} else if(hours > 18) {
timeclass = "red";
}
if (hours > 12) {
hours = hours;
}
if (minutes < 10) {
minutes = "0"+minutes;
}
if (seconds < 10) {
seconds = "0"+seconds;
}
div = document.getElementById('time');
div.innerHTML = hours+":"+minutes+" "+ampm;
div.className = timeclass;
setTimeout("doTime()",1000);
}
</script>
</head>
<body onLoad="doTime()">
<div id="time" align="right"></div>
</body>
</html>
Nun das folgende Problem:
Obwohl ich diese Grafik hier verwende: (datei 0001.png) welche überall transparent angezeigt wird, wird es im Gedget je nach Einstellung entweder mit einem weißen Rahmen umgeben (welcher dann genau die 130*67 px misst), oder wenn man 2 Grafiken übereinander legt, ist das Ergebnis "rosa" umrandet. Irgendwas scheint da zu stören....
Und ich scheine nicht alleine auf die Lösung zu kommen. Kann mir bitte jemand helfen?
Wenn man in die Zeile so verändert :
Body {
width: 130px;
height: 67px;
font-family: Tahoma, Helvetica, sans-serif; color: white;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: bold; "
Nach oben
