[prosilver] Eigenes Hintergrundbild im Header hinzufügen

In diesem moderierten Forum werden Code-Schnipsel, die zu klein sind, um richtige Mods zu sein, abgelegt.
Snippets können über unser Kontaktformular eingereicht werden (bitte als vollständiger, Copy&Paste fähiger Beitrag).
Bei Fragen oder Problemen benutze bitte das Forum [3.0.x] Mod Support.
Benutzeravatar
Metzle
Ehemaliger
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

[prosilver] Eigenes Hintergrundbild im Header hinzufügen

Beitragvon Metzle » 21.06.2011 15:36

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.
Metzle
phpBB.de-Support-Team
Allround-phpBB.de

Zurück zu „[3.0.x] Snippets“