Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
start [2018/05/17 23:34]
admin angelegt
start [2019/11/03 20:30] (aktuell)
admin
Zeile 1: Zeile 1:
-start+<​html>​ 
 +<​style>​ 
 +.mySlides {display:​none;​} 
 +.w3-left, .w3-right, .w3-badge {cursor:​pointer} 
 +.w3-badge {height:​13px;​width:​13px;​padding:​0} 
 +@media screen and (max-width: 64em) { 
 + ​.slider-text { 
 +      font-size: 90%; 
 +   } 
 +
 + 
 +@media screen and (max-width: 50em) { 
 + ​.slider-text { 
 +       ​font-size:​ 75%; 
 +   } 
 +
 + 
 +@media screen and (max-width: 30em) { 
 +   ​.slider-text { 
 +        display:​none!important;​ 
 +        font-size: 50%; 
 +  } 
 +  .w3-badge {height:​10px;​width:​10px;​padding:​0} 
 +
 +</​style>​ 
 + 
 + 
 +<div class="​w3-content w3-display-container">​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +<img src="​_media/​header_02.jpg"​ style="​width:​100%">​  
 +</​div>​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +  <img src="​_media/​header_04.jpg"​ style="​width:​100%">​ 
 +</​div>​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +  <img src="​_media/​header_05.jpg"​ style="​width:​100%">​ 
 +</​div>​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +  <img src="​_media/​header_06.jpg"​ style="​width:​100%">​ 
 +</​div>​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +  <img src="​_media/​header_09.jpg"​ style="​width:​100%">​ 
 +</​div>​ 
 + 
 +<div class="​w3-display-container w3-animate-opacity mySlides">​ 
 +  <img src="​_media/​header_11.jpg"​ style="​width:​100%">​ 
 +</​div>​ 
 + 
 +<!-- 
 +<div class="​slider-text w3-display-middle w3-large w3-container w3-padding-small w3-black">​ 
 +    <span class="​slider-text">​Heiterwanger-See-Lauf</​span>​ 
 +  </​div>​ 
 +--> 
 +<button class="​slider-text w3-button w3-display-left w3-black"​ onclick="​plusDivs(-1)">&#​10094;</​button>​ 
 +<button class="​slider-text w3-button w3-display-right w3-black" ​ onclick="​plusDivs(1)">&#​10095;</​button>​ 
 + 
 +<div class="​w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle"​ style="​width:​100%">​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(1)"></​span>​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(2)"></​span>​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(3)"></​span>​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(4)"></​span>​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(5)"></​span>​ 
 +    <span class="​w3-badge demo w3-border w3-transparent w3-hover-white"​ onclick="​currentDiv(6)"></​span>​ 
 +  </​div>​ 
 + 
 +</​div>​ 
 + 
 +<div class='​panel panel-default'​ style='​margin-top:​ 20px; padding: 10px;'>​ 
 +<div style="​float:​ right; margin-left:​ 8px;"><​img src="​lib/​tpl/​bootstrap3/​logo_zugspitzarena_neu_small.jpg"​ class="​responsive_logo"></​div>​ 
 +<​p><​h4>​Der Heiterwanger-See-Lauf. Seit stolzen 48 Jahren ein eindrucksvolles Lauferlebnis inmitten der Tiroler Zugspitz Arena und der Naturparkregion Reutte.</​h4></​p>​ 
 + 
 +                      
 +                     <p style='​margin-left:​ 20px;'><​b>​Datum:</​b>​ Sonntag, 27. September 2020<br /> 
 +                     <​b>​Startzeit:</​b>​ ab 11:00 Uhr<br /> 
 +                     <​b>​Ort:</​b>​ Hotel "​Fischer am See", Heiterwang in Tirol<br />&​nbsp;</​p>​ 
 +                     <​!--<​p style='​margin-left:​ 20px'><​b>​Nachmeldungen sind noch am Start möglich!</​b></​p>​-->​ 
 +<p style='​margin-left:​ 20px;'><​a href='​custom/​anmeldung.php'​ target='​_blank'><​b><​span style="​font-size:​ 16px; color: #​FF0000;">&​gt;&​gt;​ Zur Anmeldung &​lt;&​lt;</​span></​b></​a></​p>​ 
 +<​!--<​p style='​margin-left:​ 20px;'><​a href='/​ergebnisse'><​b>&​gt;&​gt;​ Ergebnisse vom Lauf 2018 &​lt;&​lt;</​b></​a></​p>​-->​ 
 +<​!--<​p style='​margin-left:​ 20px;'><​a href='/​fotos_2018'><​b>&​gt;&​gt;​ Fotos vom Lauf 2018 &​lt;&​lt;</​b></​a></​p>​-->​ 
 +</​div>​ 
 + 
 +<​script>​ 
 +var slideIndex = 0; 
 +//​showDivs(slideIndex);​ 
 + 
 +function plusDivs(n) { 
 +  showDivs(slideIndex += n); 
 +
 + 
 +function currentDiv(n) { 
 +  showDivs(slideIndex = n); 
 +
 + 
 +function showDivs(n) { 
 +  var i; 
 +  var x = document.getElementsByClassName("​mySlides"​);​ 
 +  var dots = document.getElementsByClassName("​demo"​);​ 
 +  if (n > x.length) {slideIndex = 1}     
 +  if (n < 1) {slideIndex = x.length} 
 +  for (i = 0; i < x.length; i++) { 
 +     ​x[i].style.display = "​none"; ​  
 +  } 
 +  for (i = 0; i < dots.length;​ i++) { 
 +     ​dots[i].className = dots[i].className.replace("​ w3-white",​ ""​);​ 
 +  } 
 +  x[slideIndex-1].style.display = "​block";​ 
 +  dots[slideIndex-1].className += " w3-white";​ 
 +
 + 
 +carousel();​ 
 + 
 +function carousel() { 
 +    slideIndex++;​ 
 +    showDivs(slideIndex);​ 
 +    setTimeout(carousel,​ 3500); ​    
 +
 +</​script>​ 
 +</​html>​