[SNIPPET] Simple Header Image changer

Hier findet Ihr Modifikationen (MODs) für phpBB3 Olympus (3.0.x)
Forumsregeln
Support für die MODs findet Ihr auf http://www.phpbb.de
Bereich: phpBB 3.0: MOD Support
Antworten
Benutzeravatar
Foren Mitglied
Site Admin
Site Admin
Beiträge: 1984
Registriert: 05.02.2005 15:41
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Foren Mitglied

Formel 1 WebTipp
Formel 1 Punkte : 0
Keine Platzierung
(0 von bisher 22 Rennen getippt)

[SNIPPET] Simple Header Image changer

Beitrag von Foren Mitglied »

[SNIPPET] Simple Header Image changer

Was macht dieses "Snippet" ?

Man kann forenabhängige Hintergrundbilder im Header darstellen.

Die ganze Einstellung, welches Bild bei welchem Forum dargestellt wird ist "hard coded". Es existiert kein komfortables Adminmenu dazu.

Dieses Snippet habe ich für prosilver basierte Styles geschrieben.

Es gibt keine Versionsangabe, keinen Support und keinen Download von dieser Modifikation.



Hier die Erklärung:

Erstelle erst zusätzliche CSS Blöcke ( beispielsweise in der colours.css ganz am Ende der Datei einfügen )

Code: Alles auswählen

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

.lpi-news {
    background-color: #363636;
    background-image: url("{T_THEME_PATH}/images/tfc2_medic.jpg");
    background-repeat: no-repeat;
}

.lpi-phpbb3 {
    background-color: #363636;
    background-image: url("{T_THEME_PATH}/images/tfc2_engineer.jpg");
    background-repeat: no-repeat;
}

.lpi-fun {
    background-color: #363636;
    background-image: url("{T_THEME_PATH}/images/tfc2_hw_guy.jpg");
    background-repeat: no-repeat;
}

.lpi-off-topic {
    background-color: #363636;
    background-image: url("{T_THEME_PATH}/images/tfc2_sniper.jpg");
    background-repeat: no-repeat;
}     
Wie man sieht müssen die Hintergrundbilder im Verzeichnis des entsprechenden theme/images Orders des verwendeten Styles liegen:

styles/dein_stylename/theme/images

Damit die neuen CSS Blöcke im Header verwendet werden können, muss die Datei overall_header.html ergänzt werden:

ÖFFNE overall_header.html

SUCHE:

Code: Alles auswählen

    <div id="page-header">
        <div class="headerbar">     
ERSETZE MIT:

Code: Alles auswählen

    <div id="page-header">
        <div class="headerbar {HEADER_IMAGE}">     

Jetzt kommt der "Hardcoded" Teil, den Ihr Euch entsprechend Euren Foren-IDs anpassen müsst.
Jeder case stellt eine Foren ID dar.

ÖFFNE includes/functions.php

SUCHE:

Code: Alles auswählen

    // Which timezone?
    $tz = ($user->data['user_id'] != ANONYMOUS) ? strval(doubleval($user->data['user_timezone'])) : strval(doubleval($config['board_timezone']));     

DANACH EINFÜGEN:

Code: Alles auswählen

    // start switch forum image in header
    $header_forum = request_var('f', 0);
    
    switch ($header_forum)
    {
        case 0:      // Der normale Hintergrund, wenn kein Forum ausgefählt wurde. Der Index.
            $header_bg = 'lpi';
        break;

        case 1:      // Mein News Forum mit der ID 1
        case 10:    // Mein News Archiv Forum mit der ID 10
            $header_bg = 'lpi-news';
        break;

        case 2:      // Mein FUN Sektor mit der Forum ID 2
            $header_bg = 'lpi-fun';
        break;

        case 3:      // Mein OFF Topic Forum mit der ID 3
            $header_bg = 'lpi-off-topic';
        break;
        
        case 25:    // Mein phpBB3 Bereich ID 25
        case 26:    // und ID 26	MODS
        case 27:    // und ID 27	F1 WebTipp
        case 38:	// und id 38	Extensions
            $header_bg = 'lpi-phpbb3';
        break;
        
        default:   // Wurde keine ID übergeben, erscheint der Standard Hintergrund
            $header_bg = 'lpi';
    }
    // end switch forum image in header
SUCHE:

Code: Alles auswählen

    // The following assigns all _common_ variables that may be used at any point in a template.
    $template->assign_vars(array(     
DANACH EINFÜGEN:

Code: Alles auswählen

        'HEADER_IMAGE'        =>     $header_bg,     

Das wars. Nun nur noch den Cache im ACP leeren und die Styles/Themes im ACP aktualisieren.


Es gibt keine Versionsangabe, keinen Support und keinen Download von dieser Modifikation.
Doc. :schein:

 

 

 

Nach oben
Benutzeravatar
Foren Mitglied
Site Admin
Site Admin
Beiträge: 1984
Registriert: 05.02.2005 15:41
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Foren Mitglied

Formel 1 WebTipp
Formel 1 Punkte : 0
Keine Platzierung
(0 von bisher 22 Rennen getippt)

Re: [SNIPPET] Simple Header Image changer - phpBB 3.2

Beitrag von Foren Mitglied »

Hier die Anleitung für phpBB 3.2:


[SNIPPET] Simple Header Image changer

Was macht dieses "Snippet" ?

Man kann forenabhängige Hintergrundbilder im Header darstellen.

Die ganze Einstellung, welches Bild bei welchem Forum dargestellt wird ist "hard coded". Es existiert kein komfortables Adminmenu dazu.

Dieses Snippet habe ich für prosilver basierte Styles geschrieben.

Es gibt keine Versionsangabe, keinen Support und keinen Download von dieser Modifikation.



Hier die Erklärung:

Erstelle erst zusätzliche CSS Blöcke ( beispielsweise in der colours.css ganz am Ende der Datei einfü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;
}

.lpi-news {
    background-color: #363636;
    background-image: url("./images/tfc2_medic.jpg");
    background-repeat: no-repeat;
    padding: 12px;
}

.lpi-phpbb3 {
    background-color: #363636;
    background-image: url("./images/tfc2_engineer.jpg");
    background-repeat: no-repeat;
    padding: 12px;
}

.lpi-fun {
    background-color: #363636;
    background-image: url("./images/tfc2_hw_guy.jpg");
    background-repeat: no-repeat;
    padding: 12px;
}

.lpi-off-topic {
    background-color: #363636;
    background-image: url("./images/tfc2_sniper.jpg");
    background-repeat: no-repeat;
    padding: 12px;
}
Wie man sieht müssen die Hintergrundbilder im Verzeichnis des entsprechenden theme/images Orders des verwendeten Styles liegen:

styles/dein_stylename/theme/images

Damit die neuen CSS Blöcke im Header verwendet werden können, muss die Datei overall_header.html ergänzt werden:

ÖFFNE overall_header.html

SUCHE:

Code: Alles auswählen

    <div id="page-header">
        <div class="headerbar" role="banner">
ERSETZE MIT:

Code: Alles auswählen

    <div id="page-header">
        <div class="headerbar {HEADER_IMAGE}" role="banner">

Jetzt kommt der "Hardcoded" Teil, den Ihr Euch entsprechend Euren Foren-IDs anpassen müsst.
Jeder case stellt eine Foren ID dar.

ÖFFNE includes/functions.php

SUCHE:

Code: Alles auswählen

    /** @var \phpbb\controller\helper $controller_helper */
DAVOR EINFÜGEN:

Code: Alles auswählen

    // start switch forum image in header
    $header_forum = request_var('f', 0);
    
    switch ($header_forum)
    {
        case 0:      // Der normale Hintergrund, wenn kein Forum ausgefählt wurde. Der Index.
            $header_bg = 'lpi';
        break;

        case 1:      // Mein News Forum mit der ID 1
        case 10:    // Mein News Archiv Forum mit der ID 10
            $header_bg = 'lpi-news';
        break;

        case 2:      // Mein FUN Sektor mit der Forum ID 2
            $header_bg = 'lpi-fun';
        break;

        case 3:      // Mein OFF Topic Forum mit der ID 3
            $header_bg = 'lpi-off-topic';
        break;
        
        case 25:    // Mein phpBB3 Bereich ID 25
        case 26:    // und ID 26	MODS
        case 27:    // und ID 27	F1 WebTipp
        case 38:	// und id 38	Extensions
            $header_bg = 'lpi-phpbb3';
        break;
        
        default:   // Wurde keine ID übergeben, erscheint der Standard Hintergrund
            $header_bg = 'lpi';
    }
    // end switch forum image in header
SUCHE:

Code: Alles auswählen

    // The following assigns all _common_ variables that may be used at any point in a template.
    $template->assign_vars(array(
DANACH EINFÜGEN:

Code: Alles auswählen

        'HEADER_IMAGE'                    => $header_bg,

Das wars. Nun nur noch den Cache im ACP leeren und die Styles/Themes im ACP aktualisieren.


Es gibt keine Versionsangabe, keinen Support und keinen Download von dieser Modifikation.
Doc. :schein:

 

 

 

Nach oben
Antworten

Zurück zu „MODs“