Auf Thema antworten 2026

Beitrag

<blockquote data-quote="xxCyRiuSxx" data-source="post: 1755083" data-attributes="member: 375160">AW: Countdown zähler erstellen bzw. Design ändern.Hier der CSS [CODE].counter{&nbsp; &nbsp; width: 610px;}.counter ul.countdown{&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; color: white;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; text-align: center;}.counter ul.countdown li{&nbsp; &nbsp; float: left;&nbsp; &nbsp; background: url(digit.png) no-repeat;&nbsp; &nbsp; height:110px;&nbsp; &nbsp; width: 105px;&nbsp; &nbsp; padding-top: 15px;}.counter ul.countdown li div{&nbsp; &nbsp; font-size: 15px;}.counter ul.countdown li div.countdown_num{&nbsp; &nbsp; font-size: 48px;}.counter ul.countdown li.no_countdown{&nbsp; &nbsp; padding-top:4px;&nbsp; &nbsp; background:transparent;&nbsp; &nbsp; height:110px;&nbsp; &nbsp; width:180px;}&lt;/style&gt;[/CODE]Hier das komplette Script[CODE]&lt;div id=&quot;counter&quot; class=&quot;counter&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;countdown&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_day&quot;&gt;&lt;/div&gt;&lt;div&gt;Days&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_hour&quot;&gt;&lt;/div&gt;&lt;div&gt;Hours&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_min&quot;&gt;&lt;/div&gt;&lt;div&gt;Minutes&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_sec&quot;&gt;&lt;/div&gt;&lt;div&gt;Seconds&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;expired&quot; style=&quot;display:none;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; The deadline has passed.&nbsp; &nbsp; &lt;/div&gt;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp;&nbsp; &nbsp; &nbsp; var current=&quot;Expired&quot;&nbsp; &nbsp; var montharray=new Array(&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;)&nbsp; &nbsp; function countdown(yr,m,d){&nbsp; &nbsp; &nbsp; &nbsp; theyear=yr;themonth=m;theday=d&nbsp; &nbsp; &nbsp; &nbsp; var today=new Date()&nbsp; &nbsp; &nbsp; &nbsp; var todayy=today.getYear()&nbsp; &nbsp; &nbsp; &nbsp; if (todayy &lt; 1000)&nbsp; &nbsp; &nbsp; &nbsp; todayy+=1900&nbsp; &nbsp; &nbsp; &nbsp; var todaym=today.getMonth()&nbsp; &nbsp; &nbsp; &nbsp; var todayd=today.getDate()&nbsp; &nbsp; &nbsp; &nbsp; var todayh=today.getHours()&nbsp; &nbsp; &nbsp; &nbsp; var todaymin=today.getMinutes()&nbsp; &nbsp; &nbsp; &nbsp; var todaysec=today.getSeconds()&nbsp; &nbsp; &nbsp; &nbsp; var todaystring=montharray[todaym]+&quot; &quot;+todayd+&quot;, &quot;+todayy+&quot; &quot;+todayh+&quot;:&quot;+todaymin+&quot;:&quot;+todaysec&nbsp; &nbsp; &nbsp; &nbsp; futurestring=montharray[m-1]+&quot; &quot;+d+&quot;, &quot;+yr&nbsp; &nbsp; &nbsp; &nbsp; dd=Date.parse(futurestring)-Date.parse(todaystring)&nbsp; &nbsp; &nbsp; &nbsp; dday=Math.floor(dd/(60*60*1000*24)*1)&nbsp; &nbsp; &nbsp; &nbsp; dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)&nbsp; &nbsp; &nbsp; &nbsp; dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)&nbsp; &nbsp; &nbsp; &nbsp; dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)&nbsp; &nbsp; &nbsp; &nbsp; if(dday==0&amp;&amp;dhour==0&amp;&amp;dmin==0&amp;&amp;dsec==1){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;counter&#039;).style.display=&#039;none&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;expired&#039;).style.display=&#039;block&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_day&#039;).innerHTML=dday;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_hour&#039;).innerHTML=dhour;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_min&#039;).innerHTML=dmin;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_sec&#039;).innerHTML=dsec;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setTimeout(&quot;countdown(theyear,themonth,theday)&quot;,1000)&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; var deadline=new Date();&nbsp; &nbsp; deadline.setDate(deadline.getDate()+5);&nbsp; &nbsp; var deadlineYear = deadline.getYear();&nbsp; &nbsp; if (deadlineYear &lt; 1000)&nbsp; &nbsp; deadlineYear+=1900&nbsp; &nbsp; //enter the count down date using the format year/month/day&nbsp; &nbsp; countdown(deadlineYear, deadline.getMonth()+1, deadline.getDate());&nbsp; &nbsp; &lt;/script&gt;[/CODE]Und hier die png Datei<img src="http://www.javascriptbank.com/javascript/time/Super_Neat_JavaScript_Countdown_Timer/digit.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />Mein HTML Code:[CODE]&lt;script language=&quot;JavaScript&quot;&gt;function MM_swapImgRestore() { //v3.0&nbsp; var i,x,a=document.MM_sr; for(i=0;a&amp;&amp;i&lt;a.length&amp;&amp;(x=a[i])&amp;&amp;x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0&nbsp; var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();&nbsp; &nbsp; var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i&lt;a.length; i++)&nbsp; &nbsp; if (a[i].indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01&nbsp; var p,i,x;&nbsp; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))&gt;0&amp;&amp;parent.frames.length) {&nbsp; &nbsp; d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}&nbsp; if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];&nbsp; for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);&nbsp; if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0&nbsp; var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i&lt;(a.length-2);i+=3)&nbsp;&nbsp; if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}&nbsp;&lt;/script&gt;&nbsp;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; var current=&quot;Expired&quot;&nbsp; &nbsp; var montharray=new Array(&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;)&nbsp; &nbsp; function countdown(yr,m,d){&nbsp; &nbsp; &nbsp; &nbsp; theyear=yr;themonth=m;theday=d&nbsp; &nbsp; &nbsp; &nbsp; var today=new Date()&nbsp; &nbsp; &nbsp; &nbsp; var todayy=today.getYear()&nbsp; &nbsp; &nbsp; &nbsp; if (todayy &lt; 1000)&nbsp; &nbsp; &nbsp; &nbsp; todayy+=1900&nbsp; &nbsp; &nbsp; &nbsp; var todaym=today.getMonth()&nbsp; &nbsp; &nbsp; &nbsp; var todayd=today.getDate()&nbsp; &nbsp; &nbsp; &nbsp; var todayh=today.getHours()&nbsp; &nbsp; &nbsp; &nbsp; var todaymin=today.getMinutes()&nbsp; &nbsp; &nbsp; &nbsp; var todaysec=today.getSeconds()&nbsp; &nbsp; &nbsp; &nbsp; var todaystring=montharray[todaym]+&quot; &quot;+todayd+&quot;, &quot;+todayy+&quot; &quot;+todayh+&quot;:&quot;+todaymin+&quot;:&quot;+todaysec&nbsp; &nbsp; &nbsp; &nbsp; futurestring=montharray[m-1]+&quot; &quot;+d+&quot;, &quot;+yr&nbsp; &nbsp; &nbsp; &nbsp; dd=Date.parse(futurestring)-Date.parse(todaystring)&nbsp; &nbsp; &nbsp; &nbsp; dday=Math.floor(dd/(60*60*1000*24)*1)&nbsp; &nbsp; &nbsp; &nbsp; dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)&nbsp; &nbsp; &nbsp; &nbsp; dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)&nbsp; &nbsp; &nbsp; &nbsp; dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)&nbsp; &nbsp; &nbsp; &nbsp; if(dday==0&amp;&amp;dhour==0&amp;&amp;dmin==0&amp;&amp;dsec==1){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;counter&#039;).style.display=&#039;none&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;expired&#039;).style.display=&#039;block&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_day&#039;).innerHTML=dday;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_hour&#039;).innerHTML=dhour;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_min&#039;).innerHTML=dmin;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;countdown_sec&#039;).innerHTML=dsec;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setTimeout(&quot;countdown(theyear,themonth,theday)&quot;,1000)&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; countdown(2012, 04, 30);&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&lt;/head&gt;&lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&nbsp;&nbsp; &lt;img src=&quot;../Logos/HIFI_ZV.PNG&quot; alt=&quot;Logo&quot; width=&quot;85%&quot; height=&quot;100%&quot; /&gt;&lt;/div&gt;&nbsp;&lt;div id=&quot;navigation&quot;&gt;&nbsp; &lt;a href=&quot;Index.html&quot; target=&quot;_self&quot; onmouseover=&quot;MM_swapImage(&#039;Home&#039;,&#039;&#039;,&#039;../Buttons/Home_hover.png&#039;,1)&quot; onmouseout=&quot;MM_swapImgRestore()&quot;&gt;&lt;img src=&quot;../Buttons/Home.png&quot; alt=&quot;Home&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Home&quot; /&gt;&lt;/a&gt;&nbsp; &lt;a href=&quot;#&quot; onmouseout=&quot;MM_swapImgRestore()&quot; onmouseover=&quot;MM_swapImage(&#039;Produkte&#039;,&#039;&#039;,&#039;../Buttons/Produkte_hover.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Buttons/Produkte.png&quot; alt=&quot;Produkte&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Produkte&quot; /&gt;&lt;/a&gt; &nbsp; &lt;a href=&quot;Service.html&quot; target=&quot;_self&quot; onmouseover=&quot;MM_swapImage(&#039;Service&#039;,&#039;&#039;,&#039;../Buttons/Service_hover.png&#039;,1)&quot; onmouseout=&quot;MM_swapImgRestore()&quot;&gt;&lt;img src=&quot;../Buttons/Service.png&quot; alt=&quot;Service&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Service&quot; /&gt;&lt;/a&gt;&nbsp; &lt;a href=&quot;Kontakt.html&quot; target=&quot;_self&quot; onmouseover=&quot;MM_swapImage(&#039;Kontakt&#039;,&#039;&#039;,&#039;../Buttons/Kontakt_hover.png&#039;,1)&quot; onmouseout=&quot;MM_swapImgRestore()&quot;&gt;&lt;img src=&quot;../Buttons/Kontakt_hover.png&quot; alt=&quot;Kontakt&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Kontakt&quot; /&gt;&lt;/a&gt; &nbsp; &lt;a href=&quot;Impressum.html&quot; target=&quot;_self&quot; onmouseover=&quot;MM_swapImage(&#039;Impressum&#039;,&#039;&#039;,&#039;../Buttons/Impressum_hover.png&#039;,1)&quot; onmouseout=&quot;MM_swapImgRestore()&quot;&gt;&lt;img src=&quot;../Buttons/Impressum.png&quot; alt=&quot;Impressum&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Impressum&quot; /&gt;&lt;/a&gt;&nbsp; &lt;a href=&quot;Ueber_uns.html&quot; target=&quot;_self&quot; onmouseover=&quot;MM_swapImage(&#039;Über_uns&#039;,&#039;&#039;,&#039;../Buttons/Über_uns_hover.png&#039;,1)&quot; onmouseout=&quot;MM_swapImgRestore()&quot;&gt;&lt;img src=&quot;../Buttons/Über_uns.png&quot; alt=&quot;Über_uns&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Über_uns&quot; /&gt;&lt;/a&gt;&nbsp; &lt;a href=&quot;#&quot; onmouseout=&quot;MM_swapImgRestore()&quot; onmouseover=&quot;MM_swapImage(&#039;Ehrungen&#039;,&#039;&#039;,&#039;../Buttons/Ehrungen_hover.png&#039;,1)&quot;&gt;&lt;img src=&quot;../Buttons/Ehrungen.png&quot; alt=&quot;Ehrungen&quot; width=&quot;10%&quot; height=&quot;100%&quot; border=&quot;0&quot; id=&quot;Ehrungen&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;body&gt;&lt;div id=&quot;main_Kontakt&quot;&gt;&lt;div id=&quot;Kontakt_Seite&quot;&gt;Wir sind unter folgender Rufnummer erreichbar &lt;p class=&quot;Telefon&quot;&gt;0202405877&lt;/p&gt;Oder schreiben Sie uns eine Email, wir werden Ihre Anfrage so schnell wie möglich bearbeiten!0&lt;/div&gt;&lt;div id=&quot;Email_Button&quot;&gt;&lt;a href=&quot;&quot; target=&quot;_new&quot;&gt;&lt;img src=&quot;../Buttons/Email.png&quot; width=&quot;10%&quot; alt=&quot;Email_Bild&quot; border=&quot;0&quot; /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div id=&quot;Oeffnungszeiten&quot;&gt;&lt;p class=&quot;Oeffnungszeiten_überschrift&quot;&gt; Unsere Öffnungszeiten sind:&lt;/p&gt;&lt;table style=&quot;background-image:url(../Hintergrund/Grau_transparent.png); margin:0 auto&quot;&nbsp; class=&quot;Oeffnungszeiten_Tabelle&quot;&nbsp; width=&quot;50%&quot; border=&quot;0&quot; cellspacing=&quot;8&quot; cellpadding=&quot;1&quot;&gt;&lt;br /&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Montags&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 13:00&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;15:00 - 18:30&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Dienstags&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 13:00&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;15:00 - 18:30&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Mittwochs&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 13:00&lt;/td&gt;&nbsp; &nbsp; &lt;td class=&quot;Tabellen_text&quot;&gt;Nur Vormittags&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Donnerstags&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 13:00&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;15:00 - 18:30&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Freitags&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 13:00&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;15:00 - 18:30&lt;/td&gt;&nbsp; &lt;/tr&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td&gt;Samstags&lt;/td&gt;&nbsp; &nbsp; &lt;td&gt;10:00 - 14:00&lt;/td&gt;&nbsp; &nbsp; &lt;td class=&quot;Tabellen_text&quot;&gt;Nur Vormittags&lt;/td&gt;&nbsp; &lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;div id=&quot;counter&quot; class=&quot;counter&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;countdown&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_day&quot;&gt;&lt;/div&gt;&lt;div&gt;Tage&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_hour&quot;&gt;&lt;/div&gt;&lt;div&gt;Stunden&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_min&quot;&gt;&lt;/div&gt;&lt;div&gt;Minuten&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div class=&quot;countdown_num&quot; id=&quot;countdown_sec&quot;&gt;&lt;/div&gt;&lt;div&gt;Sekunden&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;expired&quot; style=&quot;display:none;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; The deadline has passed.&nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/CODE]</blockquote>

[QUOTE="xxCyRiuSxx, post: 1755083, member: 375160"] [b]AW: Countdown zähler erstellen bzw. Design ändern.[/b] Hier der CSS [CODE] .counter{ width: 610px; } .counter ul.countdown{ list-style-type: none; color: white; font-weight: bold; text-align: center; } .counter ul.countdown li{ float: left; background: url(digit.png) no-repeat; height:110px; width: 105px; padding-top: 15px; } .counter ul.countdown li div{ font-size: 15px; } .counter ul.countdown li div.countdown_num{ font-size: 48px; } .counter ul.countdown li.no_countdown{ padding-top:4px; background:transparent; height:110px; width:180px; } </style>[/CODE]Hier das komplette Script [CODE]<div id="counter" class="counter"> <ul class="countdown"> <li><div class="countdown_num" id="countdown_day"></div><div>Days</div></li> <li><div class="countdown_num" id="countdown_hour"></div><div>Hours</div></li> <li><div class="countdown_num" id="countdown_min"></div><div>Minutes</div></li> <li><div class="countdown_num" id="countdown_sec"></div><div>Seconds</div></li> </ul> </div> <div id="expired" style="display:none;"> The deadline has passed. </div> <script type="text/javascript"> var current="Expired" var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d){ theyear=yr;themonth=m;theday=d var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todayh=today.getHours() var todaymin=today.getMinutes() var todaysec=today.getSeconds() var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec futurestring=montharray[m-1]+" "+d+", "+yr dd=Date.parse(futurestring)-Date.parse(todaystring) dday=Math.floor(dd/(60*60*1000*24)*1) dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) if(dday==0&&dhour==0&&dmin==0&&dsec==1){ document.getElementById('counter').style.display='none'; document.getElementById('expired').style.display='block'; return } else{ document.getElementById('countdown_day').innerHTML=dday; document.getElementById('countdown_hour').innerHTML=dhour; document.getElementById('countdown_min').innerHTML=dmin; document.getElementById('countdown_sec').innerHTML=dsec; setTimeout("countdown(theyear,themonth,theday)",1000) } } var deadline=new Date(); deadline.setDate(deadline.getDate()+5); var deadlineYear = deadline.getYear(); if (deadlineYear < 1000) deadlineYear+=1900 //enter the count down date using the format year/month/day countdown(deadlineYear, deadline.getMonth()+1, deadline.getDate()); </script>[/CODE]Und hier die png Datei [IMG]http://www.javascriptbank.com/javascript/time/Super_Neat_JavaScript_Countdown_Timer/digit.png[/IMG] Mein HTML Code: [CODE]<script language="JavaScript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <script type="text/javascript"> var current="Expired" var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d){ theyear=yr;themonth=m;theday=d var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todayh=today.getHours() var todaymin=today.getMinutes() var todaysec=today.getSeconds() var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec futurestring=montharray[m-1]+" "+d+", "+yr dd=Date.parse(futurestring)-Date.parse(todaystring) dday=Math.floor(dd/(60*60*1000*24)*1) dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) if(dday==0&&dhour==0&&dmin==0&&dsec==1){ document.getElementById('counter').style.display='none'; document.getElementById('expired').style.display='block'; return } else{ document.getElementById('countdown_day').innerHTML=dday; document.getElementById('countdown_hour').innerHTML=dhour; document.getElementById('countdown_min').innerHTML=dmin; document.getElementById('countdown_sec').innerHTML=dsec; setTimeout("countdown(theyear,themonth,theday)",1000) } } countdown(2012, 04, 30); </script> </head> <div id="header"> <div id="logo"> <img src="../Logos/HIFI_ZV.PNG" alt="Logo" width="85%" height="100%" /> </div> <div id="navigation"> <a href="Index.html" target="_self" onmouseover="MM_swapImage('Home','','../Buttons/Home_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="../Buttons/Home.png" alt="Home" width="10%" height="100%" border="0" id="Home" /></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Produkte','','../Buttons/Produkte_hover.png',1)"><img src="../Buttons/Produkte.png" alt="Produkte" width="10%" height="100%" border="0" id="Produkte" /></a> <a href="Service.html" target="_self" onmouseover="MM_swapImage('Service','','../Buttons/Service_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="../Buttons/Service.png" alt="Service" width="10%" height="100%" border="0" id="Service" /></a> <a href="Kontakt.html" target="_self" onmouseover="MM_swapImage('Kontakt','','../Buttons/Kontakt_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="../Buttons/Kontakt_hover.png" alt="Kontakt" width="10%" height="100%" border="0" id="Kontakt" /></a> <a href="Impressum.html" target="_self" onmouseover="MM_swapImage('Impressum','','../Buttons/Impressum_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="../Buttons/Impressum.png" alt="Impressum" width="10%" height="100%" border="0" id="Impressum" /></a> <a href="Ueber_uns.html" target="_self" onmouseover="MM_swapImage('Über_uns','','../Buttons/Über_uns_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="../Buttons/Über_uns.png" alt="Über_uns" width="10%" height="100%" border="0" id="Über_uns" /></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Ehrungen','','../Buttons/Ehrungen_hover.png',1)"><img src="../Buttons/Ehrungen.png" alt="Ehrungen" width="10%" height="100%" border="0" id="Ehrungen" /></a></div> <body> <div id="main_Kontakt"> <div id="Kontakt_Seite"> Wir sind unter folgender Rufnummer erreichbar 0202405877 Oder schreiben Sie uns eine Email, wir werden Ihre Anfrage so schnell wie möglich bearbeiten!0 </div> <div id="Email_Button"> <a href="" target="_new"><img src="../Buttons/Email.png" width="10%" alt="Email_Bild" border="0" /></a> </div> <div id="Oeffnungszeiten"> Unsere Öffnungszeiten sind: <table style="background-image:url(../Hintergrund/Grau_transparent.png); margin:0 auto" class="Oeffnungszeiten_Tabelle" width="50%" border="0" cellspacing="8" cellpadding="1"> <tr> <td>Montags</td> <td>10:00 - 13:00</td> <td>15:00 - 18:30</td> </tr> <tr> <td>Dienstags</td> <td>10:00 - 13:00</td> <td>15:00 - 18:30</td> </tr> <tr> <td>Mittwochs</td> <td>10:00 - 13:00</td> <td class="Tabellen_text">Nur Vormittags</td> </tr> <tr> <td>Donnerstags</td> <td>10:00 - 13:00</td> <td>15:00 - 18:30</td> </tr> <tr> <td>Freitags</td> <td>10:00 - 13:00</td> <td>15:00 - 18:30</td> </tr> <tr> <td>Samstags</td> <td>10:00 - 14:00</td> <td class="Tabellen_text">Nur Vormittags</td> </tr> </table> </div> <div id="counter" class="counter"> <ul class="countdown"> <li><div class="countdown_num" id="countdown_day"></div><div>Tage</div></li> <li><div class="countdown_num" id="countdown_hour"></div><div>Stunden</div></li> <li><div class="countdown_num" id="countdown_min"></div><div>Minuten</div></li> <li><div class="countdown_num" id="countdown_sec"></div><div>Sekunden</div></li> </ul> </div> <div id="expired" style="display:none;"> The deadline has passed. </div> </div> </body> </html> [/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?