[3.2] bg_header.gif

[cpg]

Moin,

kann die Farbe im Header nicht mehr durch ein Auswechseln der o.g. Datei in den styles/theme/images geändert werden?
Trotz Löschung aller Caches sehe ich keine Veränderung.

Gruß
cpg

[Dr.Death]

Hi,

nein, die Grafik Datei bg_header.gif wird nicht mehr so verwendet, wie man es in phpbb 3.1.x kannte.

Du musst zusätzlich noch folgende Anpassungen in der Datei:
styles/prosilver/theme/colours.css vornehmen:

Dort sind die "Farbverläufe" wie folgt definiert:

Code: Alles auswählen

.headerbar {
    color: #FFFFFF;
}

.headerbar, .forumbg {
    background-color: #12A3EB;
    background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
    background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
    background-repeat: repeat-x;
}

.forabg {
    background-color: #0076B1;
    background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
    background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
    background-repeat: repeat-x;
}

Ich habe sie z.B. in ein Dunkles Style verwandelt mit:

Code: Alles auswählen

.headerbar {
    color: #E7E7E7;
}

.headerbar, .forumbg {
    background-color: #424242;
    background-image: -webkit-linear-gradient(top, #424242 0%, #363636 2px, #202020 92px, #000000 100%);
    background-image: linear-gradient(to bottom, #424242 0%,#363636 2px,#202020 92px,#000000 100%);
    background-repeat: repeat-x;
}

.forabg {
    background-color: #0076B1;
    background-image: -webkit-linear-gradient(top, #424242 0%, #363636 2px, #202020 92px, #000000 100%);
    background-image: linear-gradient(to bottom, #424242 0%,#363636 2px,#202020 92px,#000000 100%);
    background-repeat: repeat-x;
}

Du kannst Dir natürlich die Farbverläufe selber definieren, eine gute Anleitung (deutsch) findest du dazu hier: https://www.mediaevent.de/css/gradient.html

[cpg]

Moin,

ich danke Dir!
Die Hinweise werden sicherlich auch anderen UserInnen helfen.

Gruß
cpg

[sausebaby]

hallo zusammen,
eine Frage - kann man jetzt den Header nicht mehr mit einer grafik als Hintergrund erstellen?
ich hatte immer mein logo gebastelt únd hinter den logo den Hintergrund von dem logo als grafik - hier im 3.2 er testforum finde ich das nicht.
kann man da trotzdem eine grafik einbauen? oder sollte man das nicht?

eine 2. frage was ich auch nicht finde ist, der Name des Forums, den hätt ich gern aus dem Header genommen, das ging vorher über die Overall_header auszukommentieren..
wo könnte ich das jetzt ändern? bg_header war dafür verantwortlich, wenn ich da jetzt eine grafik überschreibe - ändert sich leider nix. und bg_list da ändert sich auch nichts..für was sind diese beiden Dateien dann verantwortlich?

vielen dank schon mal im vorraus - bin für jeden Tip dankbar

[cpg]

Moin,

hast Du die Hinweise von hier viewtopic.php?p=1361025#p1361025
gelesen und ausprobiert?
Mir haben die geholfen. Wie es da schon steht: die Farbe des Headers wird nicht mehr über eine Grafik geregelt, sondern über die Farbangaben.

Bei allen Aktionen: Cache nachher löschen.

Gruß
cpg

[Dr.Death]

Ich hab das bei meiner Seite (als Beispiel siehe: http://www.lpi-clan.de ) wie folgt gelöst:


in der styles/prosilver/theme/colours.css ganz am Ende folgendes hinzufügen:

Code: Alles auswählen

/*  LPI-Clan  Header Images */
.lpi {
    background-color: #363636;
    background-image: url("./images/tfc2.jpg");
    background-repeat: no-repeat;
    padding: 12px;
} 

Dazu solltest Du natürlich deine gewünschte Hintergrund Grafik im Ordner:
styles/prosilver/theme/images/tfc2.jpg
ablegen bzw. an Deinen Dateinamen anpassen

Danach noch die Datei styles/prosilver/template/overall_header.html etwas zurecht biegen:

FINDE:

Code: Alles auswählen

        <div class="headerbar" role="banner">
        <!-- EVENT overall_header_headerbar_before -->
            <div class="inner">

            <div id="site-description" class="site-description">
                <a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a>
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div> 

ERSETZE MIT:

Code: Alles auswählen

        <div class="headerbar lpi" role="banner">
        <!-- EVENT overall_header_headerbar_before -->
            <div class="inner">

            <div id="site-description" class="site-description">
                <a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a>
                <!-- <h1>{SITENAME}</h1> -->
                <!-- <p>{SITE_DESCRIPTION}</p> -->
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div> 

Du siehst, ich habe der Class "headerbar" einfach die neue Class "lpi" hinzugefügt: <div class="headerbar lpi" role="banner">
und weiter unten einfach das vorgegebene Logo auskommentiert:

Code: Alles auswählen

                <!-- <h1>{SITENAME}</h1> -->
                <!-- <p>{SITE_DESCRIPTION}</p> --> 

[sausebaby]

Dankeschön

Hab alles gefunden, und Hilfe bekommen vielen Dank