WOW Slider statt Header einfügen

18.03.2018 16:07
#1
Ma

Hallo, ich bin schwer beeindruckt von den WOW Slidern und würde mit gerne die kostenpflichtige Version in eine Jimdo Seite einbauen.
Wie man den Slider als Widget einfügt, weis ich. Nun macht es aber nicht viel Sinn einen Header mit einem Foto zu haben und drunter den WOW Slider.
Der Slider soll ja zum Header werden. Gibt es da einen grundlegenden Workaround?


 Antworten

 Beitrag melden
19.03.2018 15:48
avatar  az_
#2
avatar
az_

Ja, Du kannst den gesamten Container mit "position:absolute;" lösen und nach oben verschieben z.B.: mit "margin-top: -350px". Für den Head-Bereich auf der Seite empfiehlt sich dann ein einfarbiger Hintergrund.

Für eine responsive Darstellung musst Du natürlich mit dynamischen CSS-Anweisungen arbeiten oder diese für verschiedene Viewports anpassen.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
19.03.2018 15:51
avatar  az_
#3
avatar
az_

...ein anderer Ansatz ist das Verschieben per jQuery mit ".prependTo" oder ".appendTo". Damit kannst Du den ganzen Container sauber in den Head-Bereich (meistens ".jtpl-header") verschieben. Ein paar CSS-Anpassungen musst Du aber ggf. trotzdem durchführen, z.B. wenn Du einen fullwidth-Background haben willst.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
21.03.2018 21:28
#4
Ma

Hallo. Danke - ich bin grad am CSS lernen (ganz am Anfang). Da muss ich mir wohl Hilfe holen


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!