Hier stelle ich erstmal nur Werkzeuge vor, die ich selber hergestellt habe. Vielleicht kommen andere noch hinzu.
Viele habe ich nur mit Hilfe von Friedrich Kollenrott herstellen können, der sich mit Metall sehr gut auskennt.
An dieser Stellen nochmal ein Dankeschön an ihn.
Per CSS-div-Box öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf einigen 'Weiter-Buttons'.
Gerne legen Sie bei Bedarf nach diesem Prinzip weitere neue Fenster an bzw. löschen Sie auch nicht benötigte.
Neue Fenster anlegen
Hinweis: Der fettgedruckte Teil bei den nachfolgenden Code-Beispielen soll Ihnen bereits zeigen, wie Sie ein neues Fenster anlegen bzw. zum vorhandenen Code hinzufügen!
So sieht die Verlinkung bei den Links 'Leistungen' und 'Kontakt' aus.
HTML
<label for="open-leistungen"><a>Alle Leistungen</a></label>
<label for="open-kontakt"><a>Mehr Kontakt</a></label>
<label for="open-ihr-fenster"><a>Ihr Fenster</a></label>
Und hier ist die dazugehörige Einschalt-Funktion dieser Fenster in der CSS-Datei ('boxfenster.css):
Das eigentliche Fenster ist in der HTML-Datei dann wie folgt unter Einbindung eines Fenster-Schließen-Buttons gestaltet, hier am Beispiel des 'Leistungen-Links':
HTML
<div class="schalter">
<input type="checkbox" id="open-leistungen">
<div class="boxfenster">
<div class="boxinhalt">
<label class="button-close" for="open-leistungen"><i class="far fa-window-close"></i></label>
. . . Hier steht der Leistungen Text . . .
</div></div></div>
Und so würde es entsprechend für ihr neu anzulegendes Fenster aussehen:
HTML
<div class="schalter">
<input type="checkbox" id="open-ihr-fenster">
<div class="boxfenster">
<div class="boxinhalt">
<label class="button-close" for="open-ihr-fenster"><i class="far fa-window-close"></i></label>
. . . Hier steht der Text fuer ihr neues Fenster . . .
</div></div></div>
Box-Fenster Kontakt
Dr. Michael James Bukowski
Hollywood Street No. 10
12345 New Heavenport
United States Of America
So errreichen Sie uns:
Aus dem Norden kommend, orientieren Sie sich an maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
Anfahrt 2 - Aus Süden
So errreichen Sie uns:
Aus dem Süden kommend, fahren sie duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.