phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/
Code: Alles auswählen
![[ externes Bild ]](http://www.djsimg.com/images/93233839_0310_bug1.png){kind=link}
/* fuer den BBCode-Ticker */
.ticker {
font-size:10px; line-height:1.2em
}
.tschrift {
position:absolute;margin-top:40px;width:40px;text-align:center;
}
Vielen Dank für die Bastel Bilder !!!sepp71 hat geschrieben:P.S.: Für fleißige Bastler noch ein neues Bildchen an die Public Domain:
habe es noch mal getestet und es lag 30cm vorm Monitor.sepp71 hat geschrieben:@klausm:
Sorry, hatte diesen Thread aus den Augen verloren. Wenn Du gegenüber meinem Vorschlag nichts verändert hast (habe das jetzt nicht abgeglichen), sollte es funktionieren.
NaN heißt Not a number, das bedeutet, dass bei der Rechenoperation in Javascript keine Zahl herausgekommen ist. Das kann eigentlich nicht am Board liegen. Meistens liegt es daran, dass man eines der Kalenderdaten nicht im richtigen Format eingegeben hat (englische Monatsabkürzung falsch geschrieben, Semikolon vergessen o.ä.
Probiere doch mal@archivar:Code: Alles auswählen
[ticker]15. Mar 2010;21. Jun 2010;a;Testereignis[/ticker]
Danke für die zwei <br />!
Gruß
Sepp
- siehe neue Grafiken unter c.)Code: Alles auswählen
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/b_linie.png){kind=link}
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/b_zeiger.png){kind=link}
[ticker]{NUMBER1}.{SIMPLETEXT1} {NUMBER2};{NUMBER3}.{SIMPLETEXT2} {NUMBER4};{IDENTIFIER};{TEXT1}[/ticker]Code: Alles auswählen
<script>
var startdate = new Date("{SIMPLETEXT1} {NUMBER1}, {NUMBER2} 23:59:59 UTC+2");
var eventdate = new Date("{SIMPLETEXT2} {NUMBER3}, {NUMBER4} 23:59:59 UTC+2");
var ereignis="{TEXT1}";
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
gesamt=Math.floor((eventdate.getTime()-startdate.getTime())/1000);
gesamt=Math.floor(gesamt/(60*60*24));
prozent=Math.floor(100-(count/gesamt*100));
if (count <= 0) {
prozent=100;
}
document.write("<div class='ticker' style='margin-left:0px;width:440px;height:80px;background-image:url(http://example.com/ticker/{IDENTIFIER}_linie.png);background-repeat:no-repeat;position:absolute;z-index:1;'><img src='http://example.com/ticker/{IDENTIFIER}_zeiger.png' style='position:absolute;padding-left:"+prozent*3.6+"px;z-index:2'>");
if (gesamt>=4) {
ateil=Math.ceil(gesamt*0.75);
bteil=Math.ceil(gesamt*0.5);
cteil=Math.ceil(gesamt*0.25);
document.write("<div class='tschrift' style='margin-left:0px;'>"+gesamt+"</div><div class='tschrift' style='margin-left:90px;'>"+ateil+"</div><div class='tschrift' style='margin-left:180px;'>"+bteil+"</div><div class='tschrift' style='margin-left:270px;'>"+cteil+"</div><div class='tschrift' style='margin-left:360px;'>0</div>");
}
document.write("<div style='margin-top:60px;'>Noch "+count+" Tage bis "+ereignis+"</div></div>");
</script>
<p> </p><p> </p><br /><br />Code: Alles auswählen
[ticker]1. Jan 2007;2. Feb 2009;a;Testereignis[/ticker] Englische Monatsabkürzungen!Code: Alles auswählen
/* fuer den BBCode-Ticker */
.ticker {font-size:10px; line-height:1.2em}
.tschrift {position:absolute;margin-top:40px;width:40px;text-align:center;}
Code: Alles auswählen
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/a_linie.png){kind=link}
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/a_zeiger.png){kind=link}
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/c_linie.png){kind=link}
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/c_zeiger.png){kind=link}
![[ externes Bild ]](http://freizeit-schwarz.com/grafiken/test/test.jpg){kind=link}
[ticker]02. Oct 2009;02. Dec 2010;a;zum zweiten Dezember.[/ticker]Code: Alles auswählen
[code][ticker]02. Oct 2009;02. Dec 2010;a;zum zweiten Dezember.[/ticker]GrußAnleitung hat geschrieben:Einzugeben ist dabei zuerst das Start-, dann das Zieldatum - und damit es nicht zu einfach wird: Bitte mit der englischen dreibuchstabigen Abkürzung für den Monatsnamen. (Jan, Feb, Mar, ... Dec )
Dann folgt Buchstabe des gewählten Bildes (siehe unten, z. Zt. a - ...) und anschließend das frei formulierte Ende für den Satz "Noch ... Tage bis"
Das Satzzeichen am Ende kann frei gewählt werden.
Alle Angaben sind jeweils durch Semikolon nach dem oben sichtbaren Muster voneinander zu trennen. Logischerweise darf deshalb in dem Freitext am Ende kein Semikolon benutzt werden.
Code: Alles auswählen
[ticker]{NUMBER1}.{SIMPLETEXT1} {NUMBER2};{NUMBER3}.{SIMPLETEXT2} {NUMBER4};{INTTEXT1}[/ticker]Code: Alles auswählen
<script type="text/javascript">
// <![CDATA[
var startdate = new Date("{SIMPLETEXT1} {NUMBER1}, {NUMBER2} 23:59:59 UTC+2");
var eventdate = new Date("{SIMPLETEXT2} {NUMBER3}, {NUMBER4} 23:59:59 UTC+2");
var ereignis="{INTTEXT1}";
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
gesamt=Math.floor((eventdate.getTime()-startdate.getTime())/1000);
gesamt=Math.floor(gesamt/(60*60*24));
prozent=Math.floor(100-(count/gesamt*100));
if (count <= 0) {
prozent=100;
}
document.write("<div class='ticker'><img src='http://forum.tld/styles/stylename/theme/images/zeiger.png' style='padding-left:"+prozent*3.6+"px;z-index:2' alt='zeiger' />");
if (gesamt>=4) {
ateil=Math.ceil(gesamt*0.75);
bteil=Math.ceil(gesamt*0.5);
cteil=Math.ceil(gesamt*0.25);
document.write("<div style='margin-left: -36px'><ul class='tschrift'><li class='tschrift-left'>"+gesamt+"</li><li class='tschrift-left'>"+ateil+"</li><li class='tschrift-left'>"+bteil+"</li><li class='tschrift-left'>"+cteil+"</li><li class='tschrift-left'>0</li></ul></div>");
}
document.write("<div class='tickerereig'>Noch "+count+" Tage bis "+ereignis+"</div></div>");
// ]]>
</script>
<div class="tickerheight"><hr /></div>Code: Alles auswählen
[ticker]01. Jan 2007;02. Feb 2009;Ereignis[/ticker] Englische Monatsabkürzungen!Code: Alles auswählen
/* fuer den BBCode-Ticker */
.ticker {margin:8px 0 0 0; padding-left: 40px; width:480px; font-size:10px; background-image:url({T_THEME_PATH}/images/ticker.png);background-repeat:no-repeat; z-index:1;}
.tickerheight {margin-top: 10px;}
.tschrift {list-style:none; margin: 0; padding: 0 0 0 14px; overflow:hidden; width: 500px;}
.tschrift-left {margin: 0; padding: 0 62px 0 0; width: 30px; list-style:none; float: left; font-size: 10px; text-align: left;}
.tickerereig {margin: -4px 0 0 0;}