Hey Hallo, ich habe eine kurze Frage und hoffe, dass dies noch nicht in der Form abgehandelt wurde.
Ich würde gern ein Hintergrundbild (im Basisdesign Clean) erstellen. Oben sollen Gesichter zu sehen sein und nach unten hin kann es unendlich weit gehen.
Dazu wollte ich wissen, ob man da irgendwo einen Kode einfügen kann, welcher dieses Hintergrundbild bildschirmfüllend darstellt.
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.
Falls keiner vorhanden, diesen dann so übernehmen, gleich nach dem
<style type="text/css">
<!--
Zitat:
body {
background: url(GRAFIKADRESSE.jpg) no-repeat center center fixed;
- webkit-background-size: cover;
- moz-background-size: cover;
-o-background-size: cover;
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
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.