Seite 1 von 1

[prosilver] Eigenes Hintergrundbild im Header hinzufügen

Verfasst: 21.06.2011 15:36
von Metzle
Dieses Snippet wurde uns von 7emper5i zur Verfügung gestellt.

Ein eigenes Hintergrundbild im prosilver-Header hinzufügen

Als erstes lade dein Hintergrundbild in das Verzeichnis styles/prosilver/theme/images
In diesem Beispiel ist das Hintergrundbild maximal 90px hoch.

Öffne: styles/prosilver/theme/common.css

Finde:

Code: Alles auswählen

        .headerbar {
           background: #ebebeb none repeat-x 0 0;
           color: #FFFFFF;
           margin-bottom: 4px;
           padding: 0 5px;
Danach einfügen:

Code: Alles auswählen

           height: 100px;
Die Höhe kann natürlich an das jeweilige Bild angepasst werden!

Öffne: styles/prosilver/theme/colours.css

Finde:

Code: Alles auswählen

        .headerbar {
           background-color: #12A3EB;
           background-image: url("{T_THEME_PATH}/images/bg_header.gif");
           color: #FFFFFF;
        }
bg_header.gif in den Namen deines Bildes abwandeln.

Öffne: styles/prosilver/template/overall_header.html

Finde:

Code: Alles auswählen

        <div id="site-description">
Davor einfügen:

Code: Alles auswählen

        <div style="height: 90px;">
Hinweis: Die Höhe muss 10 Pixel niedriger als die Höhe deines Bildes sein!

Finde:

Code: Alles auswählen

        <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->
Danach einfügen:

Code: Alles auswählen

        </div>
Danach Foren-Cache leeren, Theme, Template und Grafiksammlung aktualisieren.