Inhaltselemente/Artikel per Klick ein- und ausblenden
Hallo,
gibt es eine Möglichkeit oder eine Erweiterung Inhaltselemente oder Artikel per Mausklick ein- oder auszublenden?
Ich habe eine Seite gestaltet (für einen Fotografen), bei der im Hintergrund eine Slideshow per bg_stretcher läuft.
Im Vordergrund befindet sich mittig ein transparenter Balken (400px) auf dem ein Text steht, z.B. auf der Startseite: Herzlich willkommen...
Damit ein Besucher die Bilder komplett sehen kann ohne den Balken, brauche ich eine Möglichkeit, wie man den Balken ein- und ausblenden kann.
Kann mir jemand helfen? :)
Liste der Anhänge anzeigen (Anzahl: 1)
stimmt, hab das mit dem Akkordion hinbekommmen :)
wenn man auf "schließen" klickt schließt sich das Akkordion, muss das Wort noch austauschen, schließen passt nicht ganz ;)
Jetzt muss ich es nur noch hinbekommen, dass das Wort "schließen" oben steht, am liebsten auf dem horizontalen Balken, damit sich der komplette vertikale Balken schließen kann.
Und man sich die Bilder der Galerie komplett ansehen kann.
Und den Abstand zwischen dem Wort "schließen" und dem eigentlichen Text müsste dann so groß sein, dass der "Willkommen-Text" auf seiner jetzigen Position stehen bleibt.
Dann muss ich es nur noch hinbekommen, dass er bis zum unteren Rand geht ;)Anhang 8996
Liste der Anhänge anzeigen (Anzahl: 2)
Einmal im Stylesheet-Editor!
Anhang 9079
Anhang 9078
Díe CSS-Felder bei den einzelnen Inhaltselementen ignorierst du am besten. Die sind nur in selten Fällen sinnvoll (ich habe sie noch nie gebraucht).
Anmerkung:
Grundsätzlich ist es immer einfacher zu helfen, wenn du einen Link zur Seite angeben kannst. Sonst kann man dir nur sehr allgemein antworten.
Liste der Anhänge anzeigen (Anzahl: 1)
Versuch's mal damit:
Code:
.ce_accordion {
background-color: rgba(46, 46, 46, 0.8);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.7);
padding: 0px 40px;
width: 40%;
}
.toggler {
font-size: 30px;
text-align: center;
padding-bottom: 0;
}
.toggler.active {
padding-bottom: 140px;
}
Ergebnis sieht bei mir dann so aus:
Anhang 9094