Allgemeines » Design Stockholm - Titelbild auf ganzen Bildschirm darstellen

Jimdo-Userforum � Jimdo User-Forum � Allgemeines � Design Stockholm - Titelbild auf ganzen Bildschirm darstellen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Design Stockholm - Titelbild auf ganzen Bildschirm darstellen datum

30.05.2017 23:38

Hallo zusammen,

wie kann ich das Titelbild auf den Unterseiten genauso darstellen wie auf der Startseite?
Das Titelbild soll in der Breite und Höhe 100 % einnehmen.

Kenn jemand eine Lösung?
Vg Starty

Antworten

#2 | RE: Design Stockholm - Titelbild auf ganzen Bildschirm darstellen datum

31.05.2017 08:09 (zuletzt bearbeitet: 31.05.2017 08:34)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

...versuch mal:

1
2
3
4
5
6
 

.jtpl-header.jqbga-container, .jqbga-web--image, .jqbga-slider {
    height: calc(100vh - 50px);
}
 

 

Das gilt für Bilder und für Slider - die Navigation (=50px) wird von 100vh abgezogen. Die Breite ist durch background-size vorgegeben, die ist standardmäßig auf "cover" eingestellt.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

07.08.2017 00:49 (zuletzt bearbeitet: 09.08.2017 06:56)

Starty

Informationen anzeigen

Beitr�ge:	32
Registriert seit:	03.05.2017

Mein aktueller Code - wie muss ich diesen ändern, sodass das Titelbild den Bildschrim komplett ausfüllt?
Auf der Startseite ist dies bereits der Fall....

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-header--image {
	height: 900px!important;
}
 
.jtpl-sidebar {
	padding: 10px 20px!important;
}
 
.jtpl-breadcrumb,
.jtpl-content,
.jtpl-footer__inner,
.jtpl-header__inner,
.jtpl-sidebar__inner {
	max-width: 1250px!important;
}
 
@media (min-width: 760px) {
	.content-options-inner .j-imageSubtitle figcaption,
	.content-options-inner .j-textWithImage figcaption,
	.cc-catalog-container-new .cc-catalog-galleryview .cc-webview-product,
	.cc-imagewrapper figcaption {
		width: auto !important;
		background-color: rgba(150, 150, 150, 0.81);
		color: #fff;
		bottom: 0px !important;
		position: absolute !important;
		padding: 10px!important;
	}
/*]]>*/
</style>
 

 

Antworten

#4 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

09.08.2017 06:41 (zuletzt bearbeitet: 09.08.2017 07:10)

Bitte benutz die SF für CODE , wenn Du CODE im Forum postest!!!

Den Code, den ich Dir geschrieben habe, kannst Du entweder in den Block integrieren (unter der letzten Anweisung einsetzen) oder standalone unter dem Block einsetzen. Bei letzterer Lösung natürlich wieder zwischen <style> und </style>.

LG, az

TIPP: Jede Klammer, die Du öffnest, musst Du auch wieder schliessen. Sonst funktioniert Dein CSS-Code nicht.
Ein CSS-Editor hilft Dir dabei: https://codebeautify.org/css-beautify-minify

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#5 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

05.12.2017 20:28

Danke für den Hinweis! Leider klappt das auf dieser Seite nicht :/ Woran kann das liegen?

https://www.speedfussball-akademie.de/le...gkeitstraining/

Antworten

#6 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

09.12.2017 20:50

...wieso, sieht doch gut aus?

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#7 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

09.12.2017 20:52

Bei kleineren Bildschirmen klappt das, da 900 px eingestelt worden sind. Bei größeren Bildschirmen fällt das dann eben auf.

Antworten

#8 | RE: Design Rome - Titelbild auf ganzen Bildschirm darstellen datum

14.12.2017 20:10

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

1
2
3
 
.jtpl-header--image {
    height: 100vh!important;
}
 

...geht auch nicht?

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

Rome - Slider über ganze Bildschirmbreite � � Eigenes Template wird auf dem Smartphone nicht responsive angezeigt

�hnliche Themen

Antworten

Letzter Beitrag

Design Stockholm: Kopfbild und Navigation nicht über ganzen Viewport (auf Laptop)
Erstellt im Forum Jimdo-Elemente von Louis1945 3 12.02.2024 14:13
az_ • Zugriffe: 213
Design 4054 Titelbild anpassen
Erstellt im Forum Allgemeines von Roegeli 4 15.12.2023 19:13
Roegeli • Zugriffe: 176

Header Höhe bei Design Stockholm ändern und auf allen Seiten gleich haben
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von trueffelhang.at

05.07.2020 16:46
von

trueffelhang.at • Zugriffe: 1091

Design Stockholm: Trennstrich / Logoposition / Unternavigation
Erstellt im Forum Jimdo-Elemente von sgrafik 5 17.02.2020 13:45
az_ • Zugriffe: 1270
Stockholm: Titelbild löschen, Navigation breiter, Logo-Ansicht mobil
Erstellt im Forum Allgemeines von AnnaEQ 0 12.01.2018 20:51
AnnaEQ • Zugriffe: 2147
"Scroll" Pfeil im Head Bereich von Design Stockholm möglich?
Erstellt im Forum Allgemeines von make 2 25.07.2017 21:47
make • Zugriffe: 1761
GIF-Datei in Design Stockholm
Erstellt im Forum Allgemeines von scanduli 2 31.05.2017 23:47
scanduli • Zugriffe: 1195
Design Stockholm: Content-Bereich breiter
Erstellt im Forum Allgemeines von Amy 19 12.06.2019 09:29
az_ • Zugriffe: 4119
Design Stockholm: Navigation mit Logo über dem Titelbild
Erstellt im Forum Allgemeines von Amy 3 23.04.2017 20:54
az_ • Zugriffe: 1587

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an