Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Admin Email Ändern
von Bigtuber Heute um 20:22

» Passwort vergessen
von Bigtuber Heute um 20:10

» [Sammelthread] Unangebrachte Werbung
von Marcel´s Schnatterbude Heute um 9:46

» Admin Passwort vergessen
von ABC-Man Heute um 9:01

» Kalender
von Bigtuber Gestern um 18:04

» Gifs einfügen
von Bigtuber Gestern um 14:58

» Warrior Cats - NordClans
von Eislicht Gestern um 0:28

» Gründeraccount Passwort vergessen
von Eozaen Sa 25 März 2017 - 20:02

» [phpBB3] Schreiben als Gast
von Ave Sa 25 März 2017 - 15:37

» Forum anhand der E-Mail wiederfinden?
von Bigtuber Sa 25 März 2017 - 13:17

» [phpBB2]Darstellungsfrage zur Kategorienansicht- Icon+Beschriftung gleiche Ebene
von Marcel´s Schnatterbude Sa 25 März 2017 - 9:05

» [Mitteilung] Optimierung des Generierung-Prozesses von FaceYourManga-Avataren
von Forumbot Fr 24 März 2017 - 19:04

» [#9357]-[phpBB2] Registrierung funktioniert nicht
von amti Fr 24 März 2017 - 17:04

» Kawaiicity - Anime Reallife Forum
von Passi92 Fr 24 März 2017 - 12:20

» Shibosha Rollenspiel
von BlackValentine Fr 24 März 2017 - 11:25

» (phbBB3) Suchauswahl "NeueBeiträge" übergreifend fixieren
von Broesel Fr 24 März 2017 - 10:40

www.forumieren.de

Ich komme mit den Codes nicht klar, Countdown anpassen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Ich komme mit den Codes nicht klar, Countdown anpassen

Beitrag von Daniela1111 am So 3 Nov 2013 - 21:51

Hallo,

ich habe heute ein neues Forum angelegt, nachdem ich letztes Jahr schon mal an einer Erstellung gescheitert bin.

Ich habe in meinem Forum auf der Startseite einen Countdown eingefügt, den ich hier aus dem Forum entnommen habe.

Allerdings möchte ich bei diesem gerne die Zeitangabe in einer Zeile haben, sowie möchte ich die ganze Schrift etwas fetter, größer  und in einem leuchtenden Rot haben.

Ich hab irgendwie versucht mir irgendetwas zusammenzugooglen, aber als totaler HTML Neuling sind das alles irgendwie Bömische Dörfer für mich.

Ich weiß eigentlich gar nicht wo ich etwas verändern muß, weil ich natürlich auch Angst habe, dass das ganze dann nicht mehr funktioniert.

Kann mir hier irgendjemand weiterhelfen:


<div style="text-align: center;">
<span id="c1" style="font: bold 150px ;"></span><br> <span id="c2" style="font: bold 150px ;">Silvester</span><br></b>
<x-large> bis zur Christkindlausfahrt</x-large>
</div>

<script type='text/javascript'>
//
var end = new Date('December 24, 2013 10: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 +' Stunden' +  ':' + minutes +' Minuten' + ':' + seconds +' Sekunden'
   setTimeout('countdown()', 100);
 }
}
countdown();
</script>


Zuletzt von Daniela1111 am So 3 Nov 2013 - 22:37 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Daniela1111
Lehrling
Lehrling

Beiträge : 91
Anmeldedatum : 03.11.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Ich komme mit den Codes nicht klar, Countdown anpassen

Beitrag von Günther am So 3 Nov 2013 - 22:20

Hallo und herzlich Willkommen,

du bist neu hier im Forum.
Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut.

Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Exclamation

Klick einfach auf das Bild Arrow

Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema.

Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum top
Aus diesem Grund:
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes
verschiebe ich den Thread aus dem Supportbereich nach "Allgemeine Diskussionen". Die Anpassung von Scripten nach Einzelwünschen gehört nämlich nicht zu unseren Supportaufgaben, sondern ist - wenn wir uns dessen annehmen - eine Zusatzleistung über den Support hnaus. Wink

Deinen Wunsch kannst du umsetzen, indem du gleich zu Beginn des Codes das rot Markierte entfernst (erzeugt den Zeilenumbruch zwischen den Zeitangaben) und das grün Markierte hinzufügst:
<div style="text-align: center; color: #FF0000; font-size: 16px; font-weight: 900;">
<span id="c1" style="font: bold 150px ;"></span><br> <span id="c2" style="font: bold 150px ;">Silvester</span><br></b>
<x-large> bis zur Christkindlausfahrt</x-large>
</div>
Damit du das Aussehen der Schrift (grüner Bereich) noch genauer anpassen kannst, musst du dich ein wenig mit diesen CSS-Eigenschaften auseinandersetzen:
http://www.css4you.de/color.html
http://www.css4you.de/Schrifteigenschaften/font-size.html
http://www.css4you.de/Schrifteigenschaften/font-weight.html

Liebe Grüße
Günther
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Ich komme mit den Codes nicht klar, Countdown anpassen

Beitrag von Daniela1111 am So 3 Nov 2013 - 22:35

Vielen lieben Dank, so wie ich es sehe darf ich mich in der Zukunft noch ganz schön hinknien.
avatar
Daniela1111
Lehrling
Lehrling

Beiträge : 91
Anmeldedatum : 03.11.13
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Ich komme mit den Codes nicht klar, Countdown anpassen

Beitrag von Günther am So 3 Nov 2013 - 22:38

Gerne. Smile
-closed-
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten