Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Thema geschlossen 
Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Bild als Site-Hintergrund passt sich der Aufloesung an - CSS3
#1
Eine sehr einfache und schnelle Lösung einen BG ohne jQuery einzubinden und der sich jeder Auflösung anpasst.

Im Head der Seite: Masterrahmen oder Layout-HTML aufrufen> "HTML" > "Zwischen den Head-Tags" eintragen.

<style type="text/css">
html {
background: url(dein-bild2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>


Getestet in NOF 10

Quelle

http://it-runde.de/7788/hintergrundbild-...e-an-css-3
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#2
Hallo Zappel,

welche Größe darf oder sollte das Bild haben?
Alle Beiträge dieses Benutzers finden
#3
kannst ja mal mit 1024 x 768 testen. (brauchst ja blos den QT einfügen) Tounge
Bringt bei mir auf 1920 x 1080 ein sehr gutes Ergebnis.

Sollte das Bild in KB zu groß sein einfach auf einen Webtauglichen Wert bringen und mit Scanlines manipulieren. Wink

Sieht man bei http://world.zappelo.de/
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#4
Kussmund nett gemacht........mein Haus......mein Auto........mein Boot......
Alle Beiträge dieses Benutzers finden
#5
Zappelo ist ja auch so was von nett. :messias:
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#6
Was sind bitte Scanlinien?
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#7
http://www.ulf-theis.de/tutorials/photos.../scanlines
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#8
Hallo,

klasse Script, nur ohne Quirks-Modus!
geht ab IE7 und drunter nicht
mit Quirks-Modus im IE7, aber nicht im IE8 und IE9
alle anderen neuen Browser ist die Einstellung egal, wobei ich die älteren Browser nicht getestet habe.

Gruß
Gruß
Motto: carpe diem
Werbeagentur Luchs  Karlsruhe
NOF-Forum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
#9
Ich schließe das Tutorial hier ab, weitere Diskussionen dazu gerne hier:

http://www.nof-schule.de/forum/f-nof-sup...omponenten
Lieben Gruß
Barbara
--------------
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Thema geschlossen 




Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!