Popup Text

    Guten Tag!
    Ich habe eine wahrscheinlich ziemlich einfach zu beantwortende Frage, finde aber selbst seit zwei Tagen keine Lösung und bin am verzweifeln.
    Es gibt viele ähnliche Forenbeiträge, leider jedoch keinen mit einer so simplen Frage :(.
    Ich möchte einfach einen kurzen Text z. B. "Weitere Informationen" erstellen. Mit einem Klick darauf öffnet sich ein kleines Popup-Fenster mit
    einer näheren Beschreibung, die sich mit einem Klick aufs Kreuzchen wieder schließen lässt.
    Ich habe es mit iFrame versucht, mit einer separaten html-Datei, die ich auf den Server geladen habe und was weiß ich noch alles.
    Kann mir jemand hierbei helfen?
    Vielen Dank im Voraus
    Simon

    So, wer lesen kann ist klar im Vorteil. Vielen Dank erstmal für diesen klasse Hinweis hier: http://code.zella.de/externe-seite-fancybox.html

    TAUSEND DANK

    Es klappt jedoch nicht die Hintergrundfarbe und/oder die Schriftfarbe zu ändern. Spiele ich an der Opazität herum ändert sich zwar die Ansicht, aber die Schrift ist immer noch nicht lesbar bzw. kollidiert mit der Schrift im Hintergrund.
    ich würde gern die Hintergrundfarbe der Fancybok einfach nur bspw. blau haben wollen mit einer weißen Schrift. Änder ich die Hintergrundfarbe als Hex oder "Text" bspw. "blue" dann ist alles blau, nicht nur die Box UND die Schrift ist gar nicht mehr zu sehen. Und die Schriftgröße würd ich auch gern ändern.

    Einen CSS-Style #fancy mit den Farben hat nicht funktioniert :( Und mobil und über responsinator.com ist es blau?!?! HILFÄÄÄÄÄÄÄÄ

    Weiß hier jemand Rat?

    P. S. Hierzu bin ich offenbar nicht in der Lage: http://code.zella.de/externe-seite-in-fancybox.html

    Heruntergeladen, entpackt, in den richtigen Ordner geschoben, nicht unter Widgets/Inhalt oder sonst irgendwo zu finden :(.

    P.P.S. Ist alles optisch noch nicht aufbereitet, weil ich an den Popup Fenstern hängengeblieben bin. Links unter dem ersten Bild befindet sich mein Problem ("Ich will mehr wissen): http://mr-robot.one/webhosting/ber…eriencamps.html

    P.P.P.S. Und jetzt habe ich plötzlich keinen Rahmen mehr drum :(. Ich könnte weinen....

    8 Mal editiert, zuletzt von SGvB (24. Oktober 2016 um 04:11)

    Hallo,

    • Das liegt wohl nicht an dem Script sondern daran das deine Seite "http://mr-robot.one/webhosting/ber…ule3/test1.html" keine Hintergrundfarbe hat und somit transparent ist. Keine Ahnung womit du diese erstellt hast, ganz schön fetter Code.
    • Der Farbwert in dem Script für die Fancybox gibt lediglich an mit welcher Farbe die Box hinterlegt wird, also womit die eigentliche Seite überdeckt wird damit die Box besser heraus sticht. Die Seite selbst braucht einen eigenen Hintergrund.
    • Ich habe HIER mal einen kurzen Test hochgeladen.

    Das Testfenster hat im Head (zwischen <head> und </head>) folgendes CSS bekommen

    CSS
    <style>
body {
  color: #fff; 
  background-color: #000099;
}
</style>


    zu P.P.P.S.: da hast du sicher ein wenig zufiel rum gespielt, am besten das Script löschen und nochmal neu reinkopieren.

    Halttttt, Kommando zurück. Ich bin doch zu dämlich.
    Ich habe jetzt der Seite einen blauen Hintergrund gegeben; nicht über den Quelltext, sondern über Layout. Der Hintergrund ist jetzt blau.
    Da würde mir jetzt auch ein weißes Popup reichen, aber ich bekomme wieder nur dieses Ergebnis bei "Ich will mehr wissen"..... http://mr-robot.one/webhosting/ber…eriencamps.html
    Was mache ich denn da falsch?
    Du schreibst in der zweiten Zeile, dass in der Fancybox die Farbe angegeben wird, mit der die Box hinterlegt wird. Das würde mir ja reichen. Aber es ist zu transparent, man kann nichts lesen.
    Gibt es die Möglichkeit die Box zu aufzubauen, wie in Deinem hochgeladenen Script, jedoch nur für die Box und nicht für die Seite?
    Also im Prinzip exakt so, wie Du es mir hochgeladen hast. Deine Seite im Hintergrund verändert nicht die Farbe. Das wäre perfekt.
    Füge ich aber Deinen Code als Quelltext ein, ändert er mir die Hintergrundfarbe der ganzen Seite und nicht nur die der Box..... :(
    Vielen, vielen Dank im Voraus

    P.S. Layout Stripe Responsive

    3 Mal editiert, zuletzt von SGvB (24. Oktober 2016 um 12:50)

    Du hast mich falsch verstanden, dein Problem liegt nicht am Code in Zeta sondern in deiner externen Seite.

    • Der ""Der Farbwert in dem Script für die Fancybox gibt lediglich an mit welcher Farbe die Box hinterlegt wird"" das bedeutet nicht der Hintergrund deiner externen Seite sondern die Überlagerung deiner Zeta-Seite (um die Fancybox herum).
    • Deine Seite http://mr-robot.one/webhosting/ber…ule3/test1.html (mit dem fetten Code view-source:http://mr-robot…ule3/test1.html) wurde sicher nicht mit Zeta erstellt. Und diese Seite hat auch keinen weißen Hintergrund, auch wenn es so scheint. Die Seite hat keine Hintergrundfarbe.
    • Hier der Link zu der Seite die ich erstellt habe LINK. Hier kannst du den Code sehen LINK. Du könntest zB. diesen Code einfach in den Windows-Editor kopieren und als Textdatei abspeichern. Anschießend benennst die Endung *.txt einfach in *.html um und lädst die Seite hoch.
    • Hier nochmal der Link zu der Testseite LINK.

    Ahhhh, jetzt verstehe ich das!
    Du bist mein persönlicher Held. Tausend Dank.
    Solltest Du irgendwann einmal in Berlin sein, geb ich einen aus. Ich meine das so!

    Ein paar Kleinigkeiten hab ich noch, an denen ich arbeite, vielleicht hast Du da auch einen Tip.

    - In der Fancybox konnte ich das Scrollen einstellen, das funktioniert aber leider nicht auf den mobilen Geräten. Zudem scrollt dort dann die Seite und nicht der Inhalt in der Box. Ich habs schon mit verschiedenen Center-Befehlen versucht, aber die Seite dahinter scrollt trotzdem. a)
    - Bearbeitet man ein Bild und nutzt einen von den Grunge-Rahmen oder so, bleibt rechts ein blöder Strich übrig, obwohl das Bild größer skaliert ist und keine Ränder hat. b)
    - Ich würde gern das Anmeldeformular und den Warenkorb/Bestellung in einem Prozess abwickeln. Bekommt man den "Absenden"-Button irgendwie aus dem Formular oder kann ich den Warenkorb in das Formular übernehmen? c)
    - Klicke ich im Hauptmenü auf die Unterseite von Feriencamps, also Termine und Buchung, so springt er mit auf der Termine und Buchungsseite ganz nach unten?! d)

    a) http://mr-robot.one/webhosting/spo…ertraining.html
    b) http://mr-robot.one/webhosting/spo…startseite.html
    c) http://mr-robot.one/webhosting/spo…iencamps-01.php
    d) http://mr-robot.one/webhosting/spo…iencamps-01.php


    P. S. Du hast natürlich Recht, die Dateien hatte ich mit Word angelegt, das war wohl nicht sehr klug. Hab jetzt Dreamweaver benutzt. Ich wollte eigentlich überhaupt keine "externe" Seite anlegen und dann über die Fancybox anzeigen lassen, hatte aber keine andere Idee ein Popup-Fenster wie dieses zu erstellen.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden