Welcome, Guest
Username: Password: Remember me
Bitte posten sie hier in deutscher Sprache! Und vergessen sie nicht anzugeben, um welches Template und welche Joomla Version es sich bei ihrer Frage handelt.

TOPIC: [SOLVED] FLEXIBLE - Hintergrundgrafik mit contain

FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #1

  • luzi
  • luzi's Avatar
  • Offline
Hallo,
ich starte gerade meinen ersten Versuch mit einem jp-Template und stecke fest. Das Hintergrundbild soll mit contain eingebunden und unten rechts ausgerichtet sein, sich nicht wiederholen und immer im richtigen Seitenverhältis dargestellt werden.
Etwa so: img.bg { background-repeat: no-repeat;
background-position: right bottom;
background-size: contain; }
Vom Template ist diese css definiert:
img.bg {
height: auto;
left: 0;
min-height: 100%;
min-width: 1140px;
position: fixed;
top: 0;
width: 100%;
}
Ich schaffe es einfach nicht, diese so zu "neutralisieren", dass das Bild nicht verzerrt wird. Kann mir da jemand helfen. Vielen Dank schon mal.
Viele Grüße
Luzi
The administrator has disabled public write access.

FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
hi luzi, live url bitte!
The administrator has disabled public write access.

FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #3

  • luzi
  • luzi's Avatar
  • Offline
The administrator has disabled public write access.

FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo, probieren sie mal diesen code: Natürlich Bild Pfad anpassen!
css-tricks.com/almanac/properties/b/background-size/
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
Aber hierfür müssen sie den Code aus der >> layouts/template.php entfernen

The administrator has disabled public write access.

FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #5

  • luzi
  • luzi's Avatar
  • Offline
Danke für die Lösung. Ich habe zunächst nicht realisiert, dass das Hintergrundbild des Templates ja gar nicht als Hintergrundbild eingebaut ist. Jetzt ist es klar.
Luzi
The administrator has disabled public write access.

[SOLVED] FLEXIBLE - Hintergrundgrafik mit contain 3 years 2 months ago #6

  • luzi
  • luzi's Avatar
  • Offline
Problem solved.
The administrator has disabled public write access.
Moderators: joomlaplates