Wechselnde Header im Forum...

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
C30-Forum
Mitglied
Beiträge: 18
Registriert: 17.06.2008 20:51
Wohnort: Bei Bremen
Kontaktdaten:

Beitrag von C30-Forum »

Noch eine Frage (hoffe ich gehe euch nicht auf dem Keks)...

Die Datei "Simple Header Switch" finde ich nicht. Dafür aber Simple Header und da ist auch nichts drin!?

(Wie gesagt, bin eigentlich nicht so wirklich der "Programmierer"... Grafik geht aber der Rest? :D)
Alles hat ein Ende nur die Wurst hat 2!
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Beitrag von Dr.Death »

Die Datei "Simple Header Switch" gibt es auch nicht ;-)

Ich bezog mich auf mein Snipptet: [SNIPPET] Simple Header Image changer

http://www.lpi-clan.de/viewtopic.php?f=26&t=3139
C30-Forum
Mitglied
Beiträge: 18
Registriert: 17.06.2008 20:51
Wohnort: Bei Bremen
Kontaktdaten:

Beitrag von C30-Forum »

*grins*

Okay... Daaaannn weiß ich weiter! :)

Dank dir nochmal! :)

*Jetzt geht's loohooos* ;)
Alles hat ein Ende nur die Wurst hat 2!
C30-Forum
Mitglied
Beiträge: 18
Registriert: 17.06.2008 20:51
Wohnort: Bei Bremen
Kontaktdaten:

Beitrag von C30-Forum »

Ich weiß nicht ob ich das nicht finde, oder ob ich dazu zu blöde bin... :(

Die Zeilen die ich brauche finde ich nirgends!?

Habe die Datei "Overall_Header.html" mir runtergeladen nur wenn ich

"<div id="page-header">
<div class="headerbar">"

suche, ergbit die Suche "Ist nicht vorhanden" !?
Alles hat ein Ende nur die Wurst hat 2!
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Beitrag von Dr.Death »

Bei Deinem Style ist es wohl die Zeile:
<div class="headerbar" OnClick="window.location.href='{U_INDEX}'" style="cursor:pointer;cursor:hand">
ERSETZEN MIT:

Code: Alles auswählen

<div class="headerbar {HEADER_IMAGE}" OnClick="window.location.href='{U_INDEX}'" style="cursor:pointer;cursor:hand">
Ich hatte in meinem Forum allerdings darauf hingewiesen:
Dieses Snippet habe ich für prosilver basierte Styles geschrieben.
Dein Header entspricht nicht unbedingt einem reinem prosilver Header ;-)


Beachte bitte auch: KB:16 - Topic Bumping ;-)
C30-Forum
Mitglied
Beiträge: 18
Registriert: 17.06.2008 20:51
Wohnort: Bei Bremen
Kontaktdaten:

Beitrag von C30-Forum »

Danke und schuldige das "Bumping" war eigentlich nicht so gemeint.

Ich bin jetzt soweit:

Die 9 neuen Header sind hochgeladen.

In der Datei "Overall_Header.HTML" habe ich:

Code: Alles auswählen

        <div id="page-header">
            <div class="headerbar"> 
durch

Code: Alles auswählen

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

Dann weiter:

In der "Functions.php" Datei habe ich:

Code: Alles auswählen

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

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
            case 27:    // und ID 27
                $header_bg = 'lpi-phpbb3';
            break;
            
            default:   // Wurde keine ID übergeben, erscheint der Standard Hintergrund
                $header_bg = 'lpi';
        }
        // end switch forum image in header     
eingefügt (hoffe das sprengt jetzt nicht den Rahmen eines Postings oder wird zu unübersichtlich).

In der selben Datei noch:

Code: Alles auswählen

        // The following assigns all _common_ variables that may be used at any point in a template.
        $template->assign_vars(array( 
gesucht und danach wieder

Code: Alles auswählen

            'HEADER_IMAGE'        =>     $header_bg, 
eingefügt.

Nun wollte ich fragen ob das so richtig ist? Ich habe nur die Zeichen/Zeilen durch einmaliges drücken der "Enter Taste" (also, ein Zeilenumbruch) dann sofort eingefügt. Muss da ein Absatz rein? Habe ich da noch irgendwas vergessen?

Und weiter, ich kann mit "CSS" so viel Anfangen wie ihr vielleicht mit einem Hydrostößel :D

Wo muss ich diese Zeilen einfügen? Bzw. wie müssen die sein, damit es in meinem Falle auch stimmt (im Link von Dr. Death in seinem Forum steht man solle CSS Blöcke erstellen (beispielsweise in der colours.css ganz am Ende der Datei einfügen).

Dazu ist dann folgender Code zu lesen bzw. sind folgende Codes:

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 müssten diese bei mir ausschauen?

Ich kann mich nicht oft genug entschuldigen. Habe leider keinen in meiner Umgebung der mir das einrichten könnte und bin mehr oder weniger in solchen Sachen eine Niete :(

Danke und Gruß

Damien
Alles hat ein Ende nur die Wurst hat 2!
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Beitrag von Dr.Death »

Naja, die Switche sollten dann so aussehen:

Code: Alles auswählen

      // start switch forum image in header
        $header_forum = rand(1, 10);
       
        switch ($header_forum)
        {
            case 1:      
                $header_bg = 'header1';
            break;
			
            case 2:      
                $header_bg = 'header2';
            break;
			
			case 3:      
                $header_bg = 'header3';
            break;
			
			case 4:      
                $header_bg = 'header4';
            break;
			
			case 5:      
                $header_bg = 'header5';
            break;
			
			case 6:      
                $header_bg = 'header6';
            break;
			
			case 7:      
                $header_bg = 'header7';
            break;
			
			case 8:      
                $header_bg = 'header8';
            break;
			
			case 9:      
                $header_bg = 'header9';
            break;
			            
			case 10:      
                $header_bg = 'header10';
            break;
           
            default:   // Wurde keine ID übergeben, erscheint der Standard Hintergrund
                $header_bg = 'header1';
        }
        // end switch forum image in header 
Und in der CSS Datei solltest Du das entsprechend so anpassen:

Code: Alles auswählen

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

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

    .header3 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header3.jpg");
        background-repeat: no-repeat;
    }
	
    .header4 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header4.jpg");
        background-repeat: no-repeat;
    }
	
    .header5 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header5.jpg");
        background-repeat: no-repeat;
    }
	
    .header6 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header6.jpg");
        background-repeat: no-repeat;
    }
	
    .header7 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header7.jpg");
        background-repeat: no-repeat;
    }
	
    .header8 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header8.jpg");
        background-repeat: no-repeat;
    }
	
    .header9 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header9.jpg");
        background-repeat: no-repeat;
    }
	
    .header10 {
        background-color: #363636;
        background-image: url("{T_THEME_PATH}/images/header10.jpg");
        background-repeat: no-repeat;
    }
Die Bilder header1.jpg bis header10.jpg musst Du in das Style Verzeichnis kopieren ( styles/deinstylenamehier/theme/images/ )
C30-Forum
Mitglied
Beiträge: 18
Registriert: 17.06.2008 20:51
Wohnort: Bei Bremen
Kontaktdaten:

Beitrag von C30-Forum »

Hallo!

Vielen Dank.

Hat nun endlich geklappt. 9 wechselnde Header die zwar etwas länger zum laden benötigen aber an sich toll sind :)

Danke und gruß

Damien
Alles hat ein Ende nur die Wurst hat 2!
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“