[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.
Forumsregeln
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

[prosilver] Eigenes Hintergrundbild im Header hinzufügen

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

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