Headerbild ändern - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Headerbild ändern

Tutorials

Anderes Bild im Header verwenden

Website X5 hat in der Grundeinstellung für jede Seite das gleiche Bild für den Headerhintergrund. Dieses wird automatisch auf dem Server im Verzeichnis "style" mit dem Namen "top.png" oder "top.jpg" (einstellbar) abgelegt.
Natürlich ist es auch möglich für jede Seite ein anderes Bild als Hintergrund zu wählen.
Dazu einfach ein Hintergrundbild wählen, Größe dem Original-Hintergrundbild anpassen, auf den Server in ein Verzeichnis Deiner Wahl ablegen und einen entsprechenden Namen geben (hier: images/header.jpg)
Nun noch den folgenden Code im Bereich HEAD einfügen, anpassen und die Daten auf den Server laden.
Natürlich kann man auch kleinere Elemente oder Farbschnipsel einfügen. Dazu muss im  Code nur der Eintrag

"background-repeat: no-repeat;"

entsprechend angepasst werden.
Dazu mehr hier: http://www.css4you.de/background-repeat.html.
Natürlich gibt es diverse mehr Möglichkeiten mit CSS den Bereich zu gestalten, worauf wir hier nicht eingehen wollen.

Code für den HEAD-Bereich:

[Vor dem /HEAD|Bereich CSS]

<style type="text/css">
#imHeader {
height: 260px; background-color: #B4DA9F;
background-image: url('images/header.jpg') !important;
background-position: top left;
background-repeat: no-repeat;
}    
</style>

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2017




  Besucher Statistik
 » 2 Online
 » 3 Heute
 » 1053 Woche
 » 3754 Monat
 » 61269 Jahr
 » 237569 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü