Popup-Fenster / Lightbox nur für Text

    Hallo zusammen!

    Ich bin ganz neu dabei und gerade am Aufbau einer neuen Website.
    In diese würde ich gerne auf einer bestimmten Seite einen zusätzlichen textlichen Inhalt erstellen (nicht auf einer neuen Unterseite), der sich als Popup-Fenster / Lightbox öffnet.
    Dieses soll sich öffnen, wenn man auf den zugehörigen Link klickt. Also ähnlich der Funktion im Widget "Bild" -> "bei Klick vergrößern".
    Im Forum habe ich schon einige Beträge dazu gefunden, allerdings immer mit Link auf eine externe Seite. Ich möchte aber nur Zusatzinformation in dieses Fenster packen, die man kurz aufrufen und schnell wieder schließen kann.
    (es soll eigentlich so ausehen, wie hier, wenn man auf den Button "VORSCHAU" klickt)

    Weiß leider keine Lösung. Kann mir da jemand helfen?

    Vielen lieben Dank!

    Willkommen im Forum,

    Schau Dir mal die Widgets "FAQ" und "Anreißertext" an. Sind zwar kein "Popup", erfüllen aber den Zweck, einen Appetithappen zu setzen, den man nur bei Bedarf genießt.

    Vielen Dank für Eure Antworten.

    Das Anreißer-Widget kenne ich, finde ich für meinem Bedarf allerdings nicht so passend.

    Auch die Lösung in dem Thema "Fenster soll content überlagern" habe ich schon getestet, funktioniert aber nicht, es soll sich ja keine neue Website in dem Fenster öffnen, sondern nur ein Text. (den ich irgendwo hinterlege) Vielleicht würde dies auch funktionieren, mit ein paar Änderungen, aber dafür fehlen mir eindeutig tiefere Kenntnisse in der Programmierung.

    Sehr schön wenn man immer auf externe Seite verweist. Ich musste mir auch alles mühselig zusammenscheiden, weil man hier nicht wirklich präzise antworten bekommt.

    Hier der Quellcode via Button, so dass sich ein PopUP Fenster öffnet, aber das eingestellte Button-Design in ZP unverändert bleibt:

    Code
    <p style="margin-top: 1em; text-align: center"><a class="button" style="TEXT-DECORATION: none" href="#" onClick="MyWindow=window.open ('http://soniox-music.de/radio/','MyWindow',width=600,height=300); return false;"><span class="dmy">Mehr 
erfahren</span></a></p>

    Wenn der Button Links-Bündig sein soll, dann einfach "text-align: center" mit left oder right ersetzen. Die Seite, die sich im PopUP-Fenster öffnen soll ist hier eine URL, mein Webplayer. Einfach durch einen anderen Link ersetzen ('http://soniox-music.de/radio/',

    Die Fenstergröße kann natürlich auch individuell angepasst werden "width=600,hight=300" - einfach die Zahl (Pixel) ändern.

    Natürlich musst du laut deinem Wunsch, diese Infoseite in ZP anlegen. Einfach auf der Seiteneinstellung/Name den Seitentyp auf "Leer" setzen. und die Seite sollte veröffentlicht sein. Den Link dazu kannst du ja auch unter Seinteneinstellung/Google einsehen.

    Wenn es kein Button sein soll. dann ist er Quellcode ziemlich einfach, da muss man nur googlen "html Quellcode Link PopUp öffnen.... - Ich scheibe aber die Alternative mit dem Button, weil es immer vorteilhafter ist und ich selbst lange daran gebastelt habe. Vielleicht hilft es.

    Und wenn man zum Beispiel in einem Header-Foto zum Text einen Button haben möchte - antelle der unschicken Text-Links, dann lautet der Quellcode wie folgt:

    Code
    <p style="margin-top: 1em; text-align: center"><a class="button" style="TEXT-DECORATION: none" href="/reservierungsanfrage"><span class="dmy">Mehr 
erfahren</span></a></p>

    href:="/..............." <- Hier die zu öffnenden Seite vereisen oder einen externen http:// - Link (dann muss der erst "/" aber weg)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden