NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Bild im Hintergrund zentrieren und auf fester Position belassen

... guckt bitte auch hier für weitere Beispiele im Layoutbereich und hier für eine feste Position unten links

Auf dieser Seite hier habe ich ein zusätzliches Layoutbereich (der graue Bereich bei mir) aufgezogen. Diesem Layout habe ich eine CSS-Class (Formatvorlage) für das feststehende Hintergrundbild gegeben.

Ihr könntet dafür natürlich auch eine Tabelle, Textfeld oder sonst etwas verwenden oder auch gleich dem gesamten “Body-Hintergrund” eine andere CSS-Class geben.

In diesem Beispiel wollte ich das nur auf dieser Seite machen und habe aus diesem Grund folgendes getan:

> oben im Menü > Text > Formatvorlagen verwalten > Button “Neu” wählen

Dann habe ich, wie im Bild unten zu erkennen, Benutzerdefinierte Formaltvorlage gewählt, die ich
“HintergrundBildfest” genannt habe und “Seitenspezifisch” gewählt. Anschließend Button “OK” klicken.

... nun kommt Ihr in die Ansicht der Einstellungen dieser Formatvorlage. Dort habe ich unter dem Reiter “Hintergrund”, die im Bild unten zu erkennenden Einstellungen vorgenommen.

> bei “Bild” mein Hintergrundbild gewählt
> dieses bei “Anhang” auf “Fest” gestellt und bei > “Wiederholen” auf “Ohne”
> Bei der “Bildpsoition” habe ich jeweils “Zentriert” gewählt. Hier Könnte man auch “Wert” wählen und dann bei “Wert” eine Pronzentzahl oder auch einen Abstand in z.B. Pixeln angeben.

... dann habe ich auf meinen “Extra Layoutbereich” geklickt und im Fenster “Layout-Bereich-Eigenschaften” auf den Button “HTML” und dann im Editor “Objekt-HTML” meine oben definierte Class angegeben. Dieser Befehl gehört dann dort “zwischen Tags” (NOF 11 “innen”)

Zu sehen ist dann diese Class erst nach dem Publizieren, da der Browser dann erst diese CSS-Anweisung auswerten muss.

class="HintergrundBildfest"

zurück

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik