End of Support for Joomla 3 - Forum closed
Hintergrundbild Responsive
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8739
- Thank you received: 1713
Replied by SoulDaddy on topic Hintergrundbild Responsive
Posted 7 years 3 months ago
Hallo,
erst mal Danke für die schnelle Antwort!
Gibt es denn sonst eine Möglichkeit ein Bild über 100% der Bildschirmbreite einzufügen, das dann entsprechend skaliert wird (sich also in der mobilen Ansicht auch entsprechend in der Höhe verkleinert)?
Habe bisher nur die Möglichkeit als Modul und Hintergrundbild gefunden, was für mich aber ausscheidet, da es dann an den Seiten abgeschnitten wird.
Ich habe ein Bild auf dem u.a. auch Text zu sehen ist (Graffiti). Verfehlt leider komplett seinen Sinn, wenn das bei einer niedrigeren Bildschirmauflösung rechts und links abgeschnitten ist. Wegen des Layouts soll es aber auch über die gesamte Bildschirmbreite angezeigt werden (wie z.B. die Slideshow).
Eigentlich bräuchte ich halt die Modulposition headerbar weiter unten als bottom.
Wäre super, wenn ihr mir eine Lösung aufzeigen könntet.
Besten Dank & viele Grüße
erst mal Danke für die schnelle Antwort!
Gibt es denn sonst eine Möglichkeit ein Bild über 100% der Bildschirmbreite einzufügen, das dann entsprechend skaliert wird (sich also in der mobilen Ansicht auch entsprechend in der Höhe verkleinert)?
Habe bisher nur die Möglichkeit als Modul und Hintergrundbild gefunden, was für mich aber ausscheidet, da es dann an den Seiten abgeschnitten wird.
Ich habe ein Bild auf dem u.a. auch Text zu sehen ist (Graffiti). Verfehlt leider komplett seinen Sinn, wenn das bei einer niedrigeren Bildschirmauflösung rechts und links abgeschnitten ist. Wegen des Layouts soll es aber auch über die gesamte Bildschirmbreite angezeigt werden (wie z.B. die Slideshow).
Eigentlich bräuchte ich halt die Modulposition headerbar weiter unten als bottom.
Wäre super, wenn ihr mir eine Lösung aufzeigen könntet.
Besten Dank & viele Grüße
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8739
- Thank you received: 1713
Replied by SoulDaddy on topic Hintergrundbild Responsive
Posted 7 years 3 months ago
Die seitlichen Begrenzungen in bottom-d zu entfernen finde ich schon mal gut und habe es auch hinbekommen:
Zunächst Zeile 247 und 248 der layouts/theme.php folgendermaßen abgeändert:
In der css/custom.css folgendes hinzugefügt:
Das Hintergrundbild lasse ich in diesem Fall nicht anzeigen. Stattdessen habe ich direkt im Modul das Bild mit width="100%" eingefügt.
Ich weiß nicht, ob das so die eleganteste Lösung ist, da ich in PHP nicht so bewandert bin, aber das Ergebnis ist zumindest genau so wie ich es haben wollte.
Vielen Dank nochmals für die Hilfe & beste Grüße
Zunächst Zeile 247 und 248 der layouts/theme.php folgendermaßen abgeändert:
Code:
ALT:
<div id="bottom-d" class="bottom-d-outer uk-cover-background <?php echo $this['config']->get('bottom-d-text-color'); ?>">
<div class="uk-container uk-container-center">
NEU:
<div id="bottom-d" class="uk-cover-background <?php echo $this['config']->get('bottom-d-text-color'); ?>">
<div class="uk-container-bottom-d uk-container-center-bottom-d">
Code:
/* Bottom-D
========================================================================== */
.uk-container-center-bottom-d {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1280px)
.uk-container-bottom-d
max-width: 100%;
Das Hintergrundbild lasse ich in diesem Fall nicht anzeigen. Stattdessen habe ich direkt im Modul das Bild mit width="100%" eingefügt.
Ich weiß nicht, ob das so die eleganteste Lösung ist, da ich in PHP nicht so bewandert bin, aber das Ergebnis ist zumindest genau so wie ich es haben wollte.
Vielen Dank nochmals für die Hilfe & beste Grüße
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates