Header Bild immer gleich
Moin!
...wenn http://sibylleimann.jimdo.com/ eine free Page ist, kannst Du das nur mit der Page-ID reißen. Ein CodeSnippet, dem Du die Page-ID voranstellst, gilt nur für diese spezielle Seite.
Ab Jimdo-Pro könntest Du auch für die spezielle Unterseite einen speziellen Code vereinbaren.
...probier mal folgenden Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#page-2172209773 .jtpl-header {
margin-top:80px;
padding: 300px 20px 0 23px;
}
.jtpl-header {
padding: 200px 20px 23px;
}
.jqbga-slider--image, .jqbga-web--image {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
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
...wenn Du eine Business Version hast, brauchst Du die Page-ID nicht. Das ist die Methode für free-Pages.
Du kannst wie folgt vorgehen (...sehr bequem und übersichtlich!):
- den allgemeine Code packst Du bei "Einstellungen > Head bearbeiten" in den Bereich "gesamte Webseite"
- den Code für die Startseite in den Bereich "spezifische Unterseite" bei "Startseite" (...oder wie immer die spez. Unterseite heißt).
LG, az
Gesamte Webseite:
2
3
4
5
6
7
8
9
10
11
12
.jtpl-header {
margin-top: 80px; /*Abstand von oben, ggf. verändern!*/
padding: 200px 20px 23px;
}
.jqbga-slider--image, .jqbga-web--image {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
Spezielle Unterseite:
2
3
4
5
6
.jtpl-header {
margin-top: 80px; /*Abstand von oben, ggf. verändern!*/
padding: 300px 20px 0 23px;
}
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
...setze den Code zwischen <style> und </style>:
2
3
4
5
6
7
8
<style>
.jtpl-header {
margin-top: 80px; /*Abstand von oben, ggf. verändern!*/
padding: 300px 20px 0 23px;
}
</style>
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
Hallo @Sonja ,
...kannst Du uns Deine URL verraten? dann können wir vielleicht helfen :)
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
Hallo @Sonja
...man kann die Bildgrößen auch an die Höhe des Headers binden. Das geht gerade dann besonders gut, wenn es einen einfarbigen Bildhintergrund gibt, so wie bei dir. Du solltest immer die gleiche Bildgröße für den Slider wählen bzw. immer das gleiche Seitenverhältnis. Dann kann man das per CSS steuern.
Die Jimdo-Standard-Slideshow finde ich für Produktpräsentationen nicht so toll. Besser finde ich z.B. den Nivo-Slider - bei dem kann ich als Benutzer steuern, was ich sehen will: http://nivo-slider.jimdo.com/.
Schön finde ich die Idee, mehrere Items auf einem Header-Bild zu haben! Bisschen langsamer wäre nett :)
Für die Mehrsprachigkeit habe ich eine Methode, bei der du die erste Ebene nicht für die Sprachen benutzen musst. klappt bei jedem Design, auch bei Rome. Beispiel: http://language-changer3.jimdo.com/
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
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | ||
|---|---|---|---|---|---|
 |
Header Bild kann nicht vergrößert werdenHeader Bild kann nicht vergrößert werden |
8
az_
23.10.2023 |
609 |
|
|
|
Header Bild nur auf der "Home/Startseite" möglich?Header Bild nur auf der "Home/Startseite" möglich? |
5
az_
31.05.2021 |
1798 |
|
|
|
Header Bild auf allen Checkout-Seiten entfernenHeader Bild auf allen Checkout-Seiten entfernen |
4
az_
02.09.2020 |
2942 |
|
|
|
Header Bild Größe einstellenHeader Bild Größe einstellen |
5
az_
23.10.2023 |
4608 |
|
|
|
Anzeigebereich Header Bild vergößern - Tokyo TemplateAnzeigebereich Header Bild vergößern - Tokyo Template |
3
hofnau
27.02.2019 |
1859 |
|
|
|
Cairo Template Header Bild auf Unterseiten entfernenCairo Template Header Bild auf Unterseiten entfernen |
2
Gerald
28.12.2017 |
3918 |
|
|
|
Head bearbeiten - Image Map oder sowas in der ArtHead bearbeiten - Image Map oder sowas in der Art |
9
az_
20.10.2016 |
1521 |
|
|
|
Alt-Text für das Head-BildAlt-Text für das Head-Bild |
11
Jochen13
06.04.2016 |
2250 |
|
|
|
Header-Bilder anpassenHeader-Bilder anpassen |
2
JoyJoy
01.05.2016 |
5485 |
|
Jetzt anmelden!
Jetzt registrieren!
