Damit keiner mehr kommende Termine verpasst, habe ich einen Countdown eingebaut, der euch auf die Restzeit hinweist.
Ein nette kleine Erweiterung.
15.Januar 2011: Countdown eingebaut
-
-
-
@ Markus - Du bist so gut zu uns! :-
-
super idee ... wird mir sehr hilfreich sein
-
Idee:
Umsetzung: -
Zitat
Original von David S
Idee:
Umsetzung:hilfen zur besseren umsetzung sind immer stets willkommen
-
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 :- -
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...
-
... lassen sich Schriftart und -farben denn nicht direkt im Quelltext ändern?
VG/ Swen
-
klar, das ist kein problem
-
Die Farben lenken vom Eigentlichen (der Website) ab...
Vielleicht könntest du die Uhr in Graustufen programmieren?!
Gruß, Basti
-
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)... -
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>
-
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 §-)
Bin mir da aber recht unsicher, ggf. musst du'n bissl rumprobieren. Wenn's jemand _wirklich_ weiß: bitte korrigieren :baby: -
mal schauen was ich so basteln kann
-
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...
-
mercí :]
-
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