Farbe ändern in einem Countdown

[Asus-Tom]

Hallo zusammen,

ich hab folgendes Probelm - Hab mir einen Countdownzähler für meine HP erstellen lassen - nun wollte ich Ihn ein wenig aufpimpen aber es funzt nicht so wie ich es mir vorstelle

Meine Frage ist wo und wie kann ich den Farbcode und Textgröße eintragen für den Text "Helau! Auf gehts in die neue Saison!"
(fünft-letzte Zeile)

Anbei der HTML-Code

<div style="text-align: center;">
<span id="c3">
<span id="c1" style="font: bold 30px arial; color: #FFA500
;"></span><br>
<span id="c2" style="font: bold 25px arial; color: #218429
;">;</span></span></div>


<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
// Die Monatsnamen bitte in englisch eintragen (Monatsname, Tag, Jahr, Uhrzeit)
var end = new Date('November 11, 2012 11:11:11');


function toSt2(n) {
var s = '';
if (n < 10) {
s += '0';
}
return (s + n).toString();
}


function toSt3(n) {
var s = '';
if (n < 10) {
s += '00';
}
else if (n < 100) {
s += '0';
}
return (s + n).toString();
}


function countdown() {
var d = new Date();
var count = Math.floor(end.getTime() - d.getTime());
if (count > 0) {
var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
var seconds = toSt2(count%60); count = Math.floor(count/60);
var minutes = toSt2(count%60); count = Math.floor(count/60);
var hours = toSt2(count%24); count = Math.floor(count/24);
var days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
setTimeout('countdown()', 100);
}
else {
document.getElementById('c3').innerHTML = 'Helau! Auf gehts in die neue Saison!';
}
}
countdown();
</script>

 

[Tar]

Das ganze wird in den Span mit der id "c3" geschrieben. Also musst du den entsprechend Stylen (so wie die span mit den ids c2 und c1, direkt unter c3).

 

[Asus-Tom]

ist das so korrekt?

<div style="text-align: center;">

<span id="c3" style=“font: bold 30px arial; color: #218429>
<span id="c1" style="font: bold 30px arial; color: #FFA500
;"></span><br>
<span id="c2" style="font: bold 25px arial; color: #218429
;">;</span></span></div>


<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
// Die Monatsnamen bitte in englisch eintragen (Monatsname, Tag, Jahr, Uhrzeit)
var end = new Date('November 11, 2012 11:11:11');


function toSt2(n) {
var s = '';
if (n < 10) {
s += '0';
}
return (s + n).toString();
}


function toSt3(n) {
var s = '';
if (n < 10) {
s += '00';
}
else if (n < 100) {
s += '0';
}
return (s + n).toString();
}


function countdown() {
var d = new Date();
var count = Math.floor(end.getTime() - d.getTime());
if (count > 0) {
var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
var seconds = toSt2(count%60); count = Math.floor(count/60);
var minutes = toSt2(count%60); count = Math.floor(count/60);
var hours = toSt2(count%24); count = Math.floor(count/24);
var days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
setTimeout('countdown()', 100);
}
else {
document.getElementById('c3').innerHTML = 'Helau! Auf gehts in die neue Saison!';
}
}
countdown();
</script>

 

[Asus-Tom]

Das ganze wird in den Span mit der id "c3" geschrieben. Also musst du den entsprechend Stylen (so wie die span mit den ids c2 und c1, direkt unter c3).

ist das so korrekt?

<div style="text-align: center;">

<span id="c3" style=“font: bold 30px arial; color: #218429>
<span id="c1" style="font: bold 30px arial; color: #FFA500
;"></span><br>
<span id="c2" style="font: bold 25px arial; color: #218429
;">;</span></span></div>


<script type='text/javascript'>
// Erstellt mit dem Countdown-Generator - Homepage-Total.de
// Die Monatsnamen bitte in englisch eintragen (Monatsname, Tag, Jahr, Uhrzeit)
var end = new Date('November 11, 2012 11:11:11');


function toSt2(n) {
var s = '';
if (n < 10) {
s += '0';
}
return (s + n).toString();
}


function toSt3(n) {
var s = '';
if (n < 10) {
s += '00';
}
else if (n < 100) {
s += '0';
}
return (s + n).toString();
}


function countdown() {
var d = new Date();
var count = Math.floor(end.getTime() - d.getTime());
if (count > 0) {
var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
var seconds = toSt2(count%60); count = Math.floor(count/60);
var minutes = toSt2(count%60); count = Math.floor(count/60);
var hours = toSt2(count%24); count = Math.floor(count/24);
var days = count;
document.getElementById('c1').innerHTML = days + ' TAGE';
document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
setTimeout('countdown()', 100);
}
else {
document.getElementById('c3').innerHTML = 'Helau! Auf gehts in die neue Saison!';
}
}
countdown();
</script>

 

[Tar]

Da fehlt ein schließendes Semikolon (fürs CSS) und ein Anführungszeichen (fürs HTML).

 

[Asus-Tom]

Da fehlt ein schließendes Semikolon (fürs CSS) und ein Anführungszeichen (fürs HTML).

und wo trage ich das genau ein - bin auf dem gebiet leider absoluter neuling - danke für die hilfe

 

[Tar]

Du machst

<span id="c3" style=“font: bold 30px arial; color: #218429>

zu

<span id="c3" style=“font: bold 30px arial; color: #218429[COLOR="#FF0000"];"[/COLOR]>