15.Januar 2011: Countdown eingebaut

MB-Photo · 15. Januar 2011

Damit keiner mehr kommende Termine verpasst, habe ich einen Countdown eingebaut, der euch auf die Restzeit hinweist.
Ein nette kleine Erweiterung.

Bastian Ostermann · 16. Januar 2011

PaLu · 16. Januar 2011

@ Markus - Du bist so gut zu uns! :-

neumi080175 · 16. Januar 2011

super idee ... wird mir sehr hilfreich sein

David S · 16. Januar 2011

Idee:
Umsetzung:

MB-Photo · 16. Januar 2011

Zitat

Original von David S
Idee:
Umsetzung:

hilfen zur besseren umsetzung sind immer stets willkommen

David S · 17. Januar 2011

Sieht von den Farben her und der großen Schrift so gar nicht gut aus. Vielleicht kannst du da in Richtung Foren-Skin gehen §-)
Aber falls nicht: macht nix, ich werd' trotzdem weiter zum Stammtisch kommen :-

MB-Photo · 17. Januar 2011

foren skin ist ne gute idee....nur welcher ? Man kann zwischen 2 verschiedenen Templates ja wählen

edit: Ich habe heute nach netten Flashcountern gesucht und ein paar schöne gefunden. Nachteil wird sicher sein, das einige Flash deaktviert haben...

Dingsknipser · 17. Januar 2011

... lassen sich Schriftart und -farben denn nicht direkt im Quelltext ändern?

VG/ Swen

MB-Photo · 17. Januar 2011

klar, das ist kein problem

Bastian Ostermann · 17. Januar 2011

Die Farben lenken vom Eigentlichen (der Website) ab...

Vielleicht könntest du die Uhr in Graustufen programmieren?!

Gruß, Basti

David S · 18. Januar 2011

Zitat

Man kann zwischen 2 verschiedenen Templates ja wählen

Vorsicht, gefährliches Halbwissen:
Irgendwo müssten ja für die Templates die Farben gespeichert werden, vielleicht in einer .css- oder php-Datei. Wenn du in deinem Countdown statt direkt die Farben einzugeben auf die entsprechenden Variablen verweist, sind diese automatisch in den passenden Templatefarben (auch falls mal noch eins dazu kommt)...

MB-Photo · 18. Januar 2011

OK, das ist auch eine Möglichkeit...

Ich muss mal raussuchen wo die Farben hinterlegt sind und wie man den Farbeverweis im Countdown-Code einbaut

Code

<div style="text-align: center;">
<span id="c1" style="font: bold 30px Helvetica; color: #299C39;"></span><br>
<span id="c2" style="font: bold 25px Helvetica; color: #FF0000;">;</span><br>
<span id="c3" style="font: bold 12px Helvetica; color: #000000;"> bis zum Stammtisch</span><br>
</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('February 04, 2011 19:00:00');
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);
}
}
countdown();
</script>

Alles anzeigen

David S · 18. Januar 2011

Die Farben stehen in den Zeilen 2-4, die sechs Zeichen hinter der Raute.
Wenn du der 'style'-Eigenschaft statt der expliziten Deklaration (also alles zwischen den Gänsefüßchen) die klasse aus der .css-Datei mitgibst, könnte es klappen §-)

Code

<span id="c1" style=classname></span><br>

Bin mir da aber recht unsicher, ggf. musst du'n bissl rumprobieren. Wenn's jemand _wirklich_ weiß: bitte korrigieren :baby:

MB-Photo · 18. Januar 2011

mal schauen was ich so basteln kann

MB-Photo · 22. Januar 2011

Ich habe jetzt pauschal mal die Farbe den dunklen Style angepasst.

edit: ich habe gerade mitbekommen das nur wenige den dunklen Style nutzen...ach, ich find den viel schöner...

Bastian Ostermann · 22. Januar 2011

mercí :]

Phoenix · 23. Januar 2011

Zitat

Original von MB-Photo
Ich habe jetzt pauschal mal die Farbe den dunklen Style angepasst.

edit: ich habe gerade mitbekommen das nur wenige den dunklen Style nutzen...ach, ich find den viel schöner...

das stimmt sogar. Danke, daß du mich daran erinnert hast.

Gruß phoenix

15.Januar 2011: Countdown eingebaut

Internethändler Foto Morgen stellt Geschäftsbetrieb ein

Schönes Weihnachtsfest!

Teilen