Lexi Help
Partner
free forum

Countdown einbauen!

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Countdown einbauen!

Beitrag von Commando Mainz am Do 2 Jul 2009 - 22:22

Ich weiß nicht ob ich hier richtig bin, aber es hat ja auch was mit der Adminfunktion zu tun!
Ich habe mich durch mehrere Countdown themen durchgeklickt und ich habe auch Codes eingebaut die Mods reingestellt haben, aber diese funktionieren einfach nicht!

Hat sich i-was geändert das man keine mehr einbauen kann?

Commando Mainz
Neuling
Neuling

Beiträge : 25
Anmeldedatum : 30.06.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von #Frank am Fr 3 Jul 2009 - 11:38

Hallo,

Es währe von Vorteil, wenn du mal die Links zu den Countdown Themsn hier posten würdest, und dann mal Beschreibst (oder mit einem Screenshot zeigst) wo du einen Countdown einsetzen möchtest.
Wir können dann gemeinsam versuchen dir den Countdown in dein Forum einzubauen.

Frank

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von Commando Mainz am Fr 3 Jul 2009 - 14:54

Hallo Frank hier ist ein Code

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("November 11 " + 2008 + " 23:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  ...bis zum 11. 11. 2008' );
document.write('</div>');

function toSt2(n) {
  s = "";
  if (n < 10) s += "0";
  return (s + n).toString();
}
function toSt3(n) {
  s = "";
  if (n < 10) s += "00";
  else if (n < 100) s += "0";
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Commando Mainz
Neuling
Neuling

Beiträge : 25
Anmeldedatum : 30.06.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von #Frank am Fr 3 Jul 2009 - 15:11

Also du kannst diesen Code zum Beispiel bei "Nachricht auf der Startseite" unter:
Anzeige --> Startseite --> Allgemeines
eintragen.
Allerdings ist in deinem Code oben ein Datum angegeben, das schon abgelaufen ist.
hier mal der Code für das Datum 11.11.2009 0:00 Uhr:
Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("November 11 " + 2009 + " 00:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  ...bis zum 11. 11. 2009' );
document.write('</div>');

function toSt2(n) {
  s = "";
  if (n < 10) s += "0";
  return (s + n).toString();
}
function toSt3(n) {
  s = "";
  if (n < 10) s += "00";
  else if (n < 100) s += "0";
  return (s + n).toString();
}
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').innerHTML = days + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Das Ende des Countdown kannst du in der Zeile
Code:
var end = new Date("November 11 " + 2009 + " 00:00:00 GMT");
einstellen.
Die Beschriftung unterhalb des Countdown stellst du in der Zeile:
Code:
document.write('  ...bis zum 11. 11. 2009' );
ein.
Die Schriftgröße und Farbe der Tage und Stunden stellt du in den Zeilen:
Code:
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
ein.
Wie es dann aussieht, kannst du bei mir im Testforum sehen.
Allerdings habe ich festgestellt, das dieser Countdown die Ladezeit des Forums stark verzögert.

Frank

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von Commando Mainz am Fr 3 Jul 2009 - 16:11

Alles klar, es geht!

Vielen Dank

Commando Mainz
Neuling
Neuling

Beiträge : 25
Anmeldedatum : 30.06.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von #Frank am Fr 3 Jul 2009 - 16:31

Bitte gerne...

Aber noch eine Frage:
Wenn du möchtest können wir die Farben noch anpassen und auch die anzeige der Hundertstel noch entfernen.
Wenn du Interesse hast dann melde dich noch mal.

Frank
Support Forumieren.com

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von Commando Mainz am Fr 3 Jul 2009 - 16:54

Hallo Frank,
sehr gerne... umso besser es aussieht umso mehr freuen wir / meine Mitglieder sich =)

Commando Mainz
Neuling
Neuling

Beiträge : 25
Anmeldedatum : 30.06.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von #Frank am Fr 3 Jul 2009 - 17:47

Ich müsste dann wissen, welche Farben du dir da vorstellst.
Aber eigentlich kannst du die Farben und Schriftgrößen auch selber verstellen. Ich habe ja oben geschrieben, wo du da die Änderungen machen musst.
Wenn du die Farbnamen nicht weist, dann kann ich dir diese Farbtabelle empfehlen.
Achte nur darauf, das du nicht aus versehen ein Zeichen zu viel Löschst.
Das verzeiht das Skript nämlich nicht. Auch Leerzeichen darfst du nicht löschen.
Zum Ausblenden der Millisekunden änderst du die Zeile:
Code:
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
Folgender massen:
Code:
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '';

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Countdown einbauen!

Beitrag von Commando Mainz am Sa 4 Jul 2009 - 0:29

Okay vielen Dank Smile

Commando Mainz
Neuling
Neuling

Beiträge : 25
Anmeldedatum : 30.06.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten