Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Countdown über ein Bild legen in der Simple Text Box möglich ?
Hallo Liebe Leute
Ich habe nach langer Zeit mal wieder eine Frage Sorry,
Ich würde gerne auf der Portal Seite in einer SimpleText Box ein Bild einfügen ,das klappt ja auch Größe kann ich ja bestimmen,
jetzt möchte ich aber genau in der Mitte des Bildes einen Countdown laufen lassen.
z.b
Oben Text ( Release)
Und dann eine Uhr die Runter läuft Tage,Stunden,Sekunden
Ist das Überhaupt möglich ?
Hoffe ich habe die Frage Verständlich gestellt.
Grüße
(
gelöscht
)
#2 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
ich würde hier eher andersherum vorgehen. Sprich, einen Counter in eine div packen und ein Bild als Hintergrund dazufügen.
Hier mal ein Beispiel:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div id="demo" style="width: 400px; padding: 100px; text-align: center; font-size: 28px; font-weight: bold; color: yellow; background: url(https://files.homepagemodules.de/b624252/a_359_616b1158.jpg); background-size: 100% 100%;"></div>
<script>
// Set the date we're counting down to
var countDownDate = new Date("De 24, 2017 15:37:25").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
}, 1000);
</script>
MfG
Habs eben sofort getest. Klasse Top
Hab aber noch Fragen nicht böse sein, ich bin Anfänger
1.) Wie bekomme ich das in Center weil jetzt wird das Left in der Simple Text Box angezeigt.
2.) Wo muss ich mein Bild eingeben also gegen dein Beispiel Bild Tauschen?
3.) Wie kann ich die Schriftfarbe der Uhrzeit ändern?
Liebe Grüße
(
gelöscht
)
#5 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
...in der 1. Zeile steht color: yellow; Dort für yellow einen anderen Farbcode eintragen.
... dahinter steht background: url(...... ) , dort zwischen den Klammern eigene Bildadresse eintragen
... in die Mitte müsstest du es eigentlich bekommen, wenn du alles , was in der ersten Zeile steht, zwischen <center> ... </center> setzt
(
gelöscht
)
#6 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
@TWD
...es wäre vielleicht auch mal spannend zu sehen, in welcher Weise Du den Vorschlag umsetzen konntest ?
Vielleicht ein Screenshot oder einen Link zur Portalseite ?
MfG
#8 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
Habs jetzt Super hinbekommen echt Klasse Danke dir, die Grafik ist noch nicht Fertig das schaffe ich erst Morgen.
Ist das Möglich das ich da wo ich die Rote Linie gezogen habe einen Text Reinschreiben kann in white?
<center><div id="demo" style="width: 400px; padding: 150px; text-align: center; font-size: 28px; font-weight: bold; color: white; background: url(https://files.homepagemodules.de/b789125/a_6_872322d5.jpg); background-size: 100% 100%;"></div></center>
<script>
// Set the date we're counting down to
var countDownDate = new Date("De 31, 2017 23:59:25").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
}, 1000);
</script>
(
gelöscht
)
#9 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
um einen Text dort rein zu schreiben, könntest Du am Ende des Scriptes folgende Zeile abändern:
2
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
2
document.getElementById("demo").innerHTML = "mein Text<br>" + days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
(
gelöscht
)
#11 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
Die Countdownzeitangabe des Monats sollte schon korrekt angegeben werden (als Zahl):
var countDownDate = new Date("12, 24, 2017 15:37:25").getTime();
Gruß
Olaf
(
gelöscht
)
#13 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
Danke , @Olaf , mein Freund. Da war der FireFox sehr großzügig und hat es trotzdem richtig angezeigt.
Vielen Dank.
FF verzeiht so manchen Fehler...
Gruß
Olaf
(
gelöscht
)
#15 RE: Countdown über ein Bild legen in der Simple Text Box möglich ?
@Olaf ... der FF ist auch mein Freund, er weiß halt genau , was ich meine ....
Aber mal Spaß beiseite, ich fand das Script auf einer do it yourself Seite und da waren die Monate in Buchstaben angegeben. Wahrscheinlich, um Dumpfbacken, wie mich in die Irre zu leiten....
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software