© A. Lehmberg

H1 Überschrift in XL

Untertitel in M > Inhalte im Artikelconainer

H2 Überschrift in L > Die max. Länge der Überschriften sind 255 Zeichen.

Untertitel (wenn sinnvoll) in M

H3 Überschrift in L

Untertitel (wenn sinnvoll) in M

Schreibweise von Datum, Uhrzeit, Telefonnummer, Geldbeträgen

Bitte schreibt diese Dinge also wie folgt:

  • Telefonnummern: +49 5321 34040 (das ist lt. Julia auch aus SEO-Gründen wichtig; so funktioniert auch von überall das direkte anrufen der Nummer vom Handy)
  • Geldbeträge: 99,99 €
  • Datum: 16.04.2025
  • Uhrzeit: 14:00 Uhr

Uns ist bewusst, dass das auch noch nicht in allen Datensätzen so umgesetzt ist. Aber an einer Stelle müssen wir anfangen. Und in den Datensätzen (POIs, Touren etc.) ziehen wir das sukzessive nach.

Überschrift in der Text mit Medien Bühne in L

Untertitel in der Text mit Medien Bühne in M > Bühne direkt in “Inhalte”

Wandern in der Oberharzer Wasserwirtschaft entlang des Clausthaler Flutgrabens.

Bei allen Bühnen, in denen eine Überschrift sowie eine Untertitel gepflegt werden kann, sollte diese Funktion auch genutzt werden. Pflegt als in der “Text mit Medien-Bühne” die Überschrift und den Untertitel in der Bühne und erstellt keine zusätzliche Überschriftenbühne.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem.

Überschrift Kachelwand in eigener Bühne in L

Untertitel in eigener Bühne in M > Bühne direkt in “Inhalte”

Kachel 1

Untertitel Kachel 1

Elke Breiler | CC-BY

Kachel 2

Untertitel Kachel 2

Kachel 3

Untertitel Kachel 3

Romantischer Winkel - RoLigio & Wellness Resort | CC-BY

Kachel 4

Untertitel Kachel 4

Martha Gollert | CC-BY

Überschrift 3er Kachelwand

Dies ist der Kacheltitel

und das der Untertitel

© A. Lehmberg
© A. Lehmberg
© Harzer Tourismusverband - M. Gloger


Urlaubsangebote im Harz

Arrangements der Harzer Gastgeber

Ob Wander- oder Familienurlaub, Gruppen- oder Singlereisen, Specials inkl. der HarzCard oder Städtetrips, in unseren Urlaubs-Angeboten findet man das komplette Arrangement.

Über das Suchformular kann man flexibel nach verfügbaren Angeboten, auch zu Feiertagen und Ferienzeiten, suchen oder sich von den verschiedenen Urlaubskategorien inspirieren lassen.

 

Podcast-Bühne

Spotify Widget

 

Hier findet Ihr die Links zu unseren Podcasts bei Spotify:

Anreise-Modul

… das man super in Seiten einbauen kann, bei denen sich der Inhalt auf einen konkreten Orten bezieht.

So möchte ich anreisen

Logowand 

für schöne Logofriedhöfe

Bei dieser Bühne veringert neusta noch den Abstand oben und unten, damit bspw. der Abstand zur Überschrift nicht so groß ist.

Webcam-Teaser

für 2 Teaser nebeneinander

  
  

Webcam

für ganzseitige Darstellung in einer html-Bühne

  

Erläuterung zu den Webcam-Bühnen:

Es handelt sich um eine html-Bühne mit folgendem html-Code

Teaser

<div style="max-width: 1240px">  <embed src=https://www.hsb-wr.de/out/pictures/webcam/BRO/CAM-PIC-BRO.jpg style="width: 700px;height: 350px;max-width: 100%" id="fer_frame">   <button style="border: none;background: transparent;margin: 0 0.52% 0 0;margin-top: calc(99.99999% * -0.03675);position: relative;z-index: 1000;width: 4.69%;float: right;cursor: pointer" onclick="openFullscreen()">    <img src="" style="visibility: hidden" width="55.21333%">   </button>  <script>   var elem = document.getElementById('fer_frame');   function openFullscreen() {    if (elem.requestFullscreen) {     elem.requestFullscreen();        } else if (elem.mozRequestFullScreen) {     elem.mozRequestFullScreen();    } else if (elem.webkitRequestFullscreen) {     elem.webkitRequestFullscreen();    } else if (elem.msRequestFullscreen) {     elem.msRequestFullscreen();    }   }  </script> </div>

 

ganze Seitenbreite

<div style="max-width: 1420px">  <embed src=https://www.hsb-wr.de/out/pictures/webcam/BRO/CAM-PIC-BRO.jpg style="width: 1500px;height: 1125px;max-width: 100%" id="fer_frame">   <button style="border: none;background: transparent;margin: 0 0.52% 0 0;margin-top: calc(99.99999% * -0.03675);position: relative;z-index: 1000;width: 4.69%;float: right;cursor: pointer" onclick="openFullscreen()">    <img src="" style="visibility: hidden" width="55.21333%">   </button>  <script>   var elem = document.getElementById('fer_frame');   function openFullscreen() {    if (elem.requestFullscreen) {     elem.requestFullscreen();        } else if (elem.mozRequestFullScreen) {     elem.mozRequestFullScreen();    } else if (elem.webkitRequestFullscreen) {     elem.webkitRequestFullscreen();    } else if (elem.msRequestFullscreen) {     elem.msRequestFullscreen();    }   }  </script> </div>

 

Der Unterschied besteht in dem fetten Bereich: Dort wird der Link zur jeweiligen Webcam eingefügt und die max. Weite und Höhe eingetragen
Teaser 2-spaltig: width: 700px;height: 350px
Ganze Seite: width: 1500px;height: 1125px

  

d.imageclick