Hintergrundbild passend für alle Bildschirmuflösungen
dank der CSS3 Eigenschaft "background-size" lassen sich Hintergrundbilder
für jede Bildschirmauflösung "bildschirmfüllend" anzeigen.
Das Hintergrundbild sollte allerdings nicht zu klein sein.
Schaue in Deinen CSS-Code, ob Du bereits einen CSS-Code für body stehen hast und passe Ihn an.
Zitat:
body {
background: url(GRAFIKADRESSE.jpg) no-repeat center center fixed;
background-size: cover;
}
Wer noch KEINEN CSS-Code im Feld "Text ÜBER Design" stehen hat, benötigt den style-tag dazu,
vor dem CSS-Code : <style type="text/css"><!-- nach dem CSS-Code schliessen mit --></style>
Jeder weitere CSS-Code käme dann immer vor dem -></style> mit hinein .
Im CSS-Code muss noch die GRAFIKADRESSE des Hintergrundbildes hinein.
- Hintergrundbild im Baukasten hochladen
- Haken entfernen , bei "Bild verkleinern"
- nach dem Hochladen klicke den Bildnamen an
- das Bild wird dir nun angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Grafikadresse kopieren"
- kopierte Grafikadresse im CSS-Code einfügen
Gruß Wolle
Zuletzt bearbeitet von clean-test am 23.02.2015, 20:42, insgesamt 2-mal bearbeitet
Cookies sind kleine Textinformation, die wir oder Partner von uns über deinen Browser lokal bei dir speichern.
Du kannst jederzeit die Nutzung von Cookies über die Einstellung deines Browsers verhindern.
Wir nutzen folgende, mit der DSGVO konforme Cookies:
- Essentielle Cookies: Sind unbedingt notwendig damit die Website voll funktionsfähig ist.
- Optionale Cookies: Sind optional und helfen uns die Website zu verbessern, z.B. indem sie das Nutzungsverhalten auf der Website analysieren, ohne dabei dich persönlich zu identifizieren.
Mehr Informationen findest du in unser Datenschutzerklärung.