Kalender farbe der Schrift änder

Chico

Also ich habe diesen Kalender im Internet gefunden:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:

<script LANGUAGE="JavaScript">
<!-- ... Quelle Beispiel ...
// Kalenderblatt
function array()
{
var argv = array.arguments
var argc = array.arguments.length

for(i = 0; i < argc; i++)
this[i] = argv[i]
}

function Kalender()
{
var MonatsNamen = new array("Januar", "Februar", "M&auml;rz",
"April", "Mai", "Juni",
"Juli", "August", "September",
"Oktober", "November", "Dezember")
var Heute = new Date()
var MonatsTage = new array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31)

var Jahr = Heute.getYear() + ((Heute.getYear() < 100) ? 1900 : 0)
var DieserTag = Heute.getDate()

if((!(Jahr % 4) && (Jahr % 100)) || !(Jahr % 400))
MonatsTage[1] = 29

AnzahlTage = MonatsTage[Heute.getMonth()]

var ErsterTag = Heute
ErsterTag.setDate(1)

var StartTag = ErsterTag.getDay() - 1
if(StartTag < 0)
StartTag = 6

document.writeln("<TABLE BORDER=2 CELLPADDING=2>")
document.writeln("<CAPTION><FONT SIZE=\"+1\">" + MonatsNamen[Heute.getMonth()] + " " + Jahr + "</FONT></CAPTION>")
document.writeln("<TR><TH WIDTH=\"14%\">Mo</TH><TH WIDTH=\"14%\">Di</TH><TH WIDTH=\"14%\">Mi</TH><TH WIDTH=\"14%\">Do</TH><TH WIDTH=\"14%\">Fr</TH><TH WIDTH=\"15%\">Sa</TH><TH WIDTH=\"15%\">So</TH></TR>")

var column = StartTag

document.write("<TR ALIGN=CENTER>")
for(i = 0; i < StartTag; i++)
document.write("<TD></TD>")

for(i = 1; i <= AnzahlTage; i++)
{
document.write("<TD>")
if(i == DieserTag)
document.write("<FONT COLOR=RED><STRONG>")
document.write(i)
if(i == DieserTag)
document.write("</FONT></STRONG>")
document.write("</TD>")
column++
if(column == 7)
{
document.write("</TR><TR ALIGN=CENTER>")
column = 0
}
}
document.writeln("</TR></TABLE>")
}

// -->
</script> <script LANGUAGE="JavaScript">
<!--
Kalender()
//-->
</script>

Quelle: eKiwi
das Problem ist das mein Seitenhintergrund Schwarz ist und die
schwarzen Buchstarben nicht zu sehen sind.
Die Frage ist jetzt:
Wie mache ich die Zahlen,Zeichen und Buchstaben
jetzt Weiß?
Danke Chic smile

ClausVB

Ich würde den FONT-Tag der im Code steht durch den SPAN oder DIV-Tag ersetzen. Danach kannst Du dann mit dem Attribut "style" (siehe SELFHTML) und der CSS-Eigenschaft "color" verschiedene Schriftfarben setzen. Mit anderen CSS-Eigenschaften kannst Du auch Schriftarten oder -farben machen.

Gruß
Claus

daHooligan

geht auch so:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:

<html>
<script LANGUAGE="JavaScript">
<!-- ... Quelle Beispiel ...
// Kalenderblatt
function array()
{
var argv = array.arguments
var argc = array.arguments.length

for(i = 0; i < argc; i++)
this[i] = argv[i]
}

function Kalender()
{
var MonatsNamen = new array("Januar", "Februar", "M&auml;rz",
"April", "Mai", "Juni",
"Juli", "August", "September",
"Oktober", "November", "Dezember")
var Heute = new Date()
var MonatsTage = new array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31)

var Jahr = Heute.getYear() + ((Heute.getYear() < 100) ? 1900 : 0)
var DieserTag = Heute.getDate()

if((!(Jahr % 4) && (Jahr % 100)) || !(Jahr % 400))
MonatsTage[1] = 29

AnzahlTage = MonatsTage[Heute.getMonth()]

var ErsterTag = Heute
ErsterTag.setDate(1)

var StartTag = ErsterTag.getDay() - 1
if(StartTag < 0)
StartTag = 6

document.writeln("<TABLE BORDER=2 CELLPADDING=2>")
document.writeln("<CAPTION><FONT SIZE=\"+1\" color=white>" + MonatsNamen[Heute.getMonth()] + " " + Jahr + "</FONT></CAPTION>")
document.writeln("<TR><TH WIDTH=\"14%\"><font color=white>Mo</font></TH><TH WIDTH=\"14%\"><font color=white>Di</font></TH><TH WIDTH=\"14%\"><font color=white>Mi</font></TH><TH WIDTH=\"14%\"><font color=white>Do</font></TH><TH WIDTH=\"14%\"><font color=white>Fr</font></TH><TH WIDTH=\"15%\"><font color=white>Sa</font></TH><TH WIDTH=\"15%\"><font color=white>So</font></TH></TR>")

var column = StartTag

document.write("<TR ALIGN=CENTER>")
for(i = 0; i < StartTag; i++)
document.write("<td></td>")

for(i = 1; i <= AnzahlTage; i++)
{
document.write("<TD>")
if(i == DieserTag)
document.write("<FONT COLOR=RED><STRONG>")
document.write("<Font color=white>" + i)
if(i == DieserTag)
document.write("</FONT></STRONG>")
document.write("</TD>")
column++
if(column == 7)
{
document.write("</TR><TR ALIGN=CENTER>")
column = 0
}
}
document.writeln("</TR></TABLE>")
}

// -->
</script> <script LANGUAGE="JavaScript">
<!--
Kalender()
//-->
</script>

</html>

Forensoftware: Burning Board 2.3.1, entwickelt von WoltLab GmbH