Standart-Header durch Headergrafik ersetzen, aber wie?

[patrick226]

Hallo,

Ich bin php Neuling, hab mir phpBB 3.0 installiert und benutze den Style "subsilver2". Ich möchte den Header (also Standart-Logo, Bordbeschreibung, Headerhintergrund) komplett durch diese Grafik ersetzen, wobei man zum Index kommen soll wenn man draufklickt:
[ externes Bild ]

Wie zerleg ich die Grafik am besten (ich hab variable Boardbreite) und wie schaut der php code aus bzw welche Datei muss ich editieren?

vielen Dank!

[Koopsta]

Das ist ganz einfach:

FTP Server gehen:
/styles/dein style/imageset >> nach site_logo suchen

dein bild in 'site_logo' umbenennen und in das oben angegebene Verzeichniss laden. Die site_logo wird gegen deine ersetzt....

Dann ACP >> STYLEZ >> Grafiksammlung >> z.B. proSilva >> ändern >> Zentrales Logo !!

Da ist es dann auch schon Größenangabe auf NEIN damit es nicht in Kleinformat angezeigt wird...

[patrick226]

Danke, klingt schonmal gut! Aber wie mach ich das, damit ich das Fenster beliebig breit sein kann und die Grafik geht trotzdem mit. Muss ich da nicht die Grafik in zwei Komponenten zerlegen, wobei sich eine immer wiederholt?

[mixmax]

mal hochschiebe

muß man nicht 3 bilder haben dafür ?
Links.gif - site_logo.gif - Rechts.gif

Wer kennt die stelle und den code.

[Saint]

Also ich hab gerade mal im Prosilver geschaut, aber im SubSilver2 müsste es ähnlich sein:

Logo: /styles/prosilver/imageset/site_logo.gif

Headerhintergrund:
/styles/prosilver/theme/images/bg_header.gif
/styles/prosilver/theme/images/corners_right.png
/styles/prosilver/theme/images/corners_left.png

Hier findest Du den Code:

Logo: \styles\prosilver\imageset\imageset.cfg

Code: Alles auswählen

# Images
img_site_logo = site_logo.gif*52*139

Headerhintergrund: \styles\prosilver\theme\colours.css

Code: Alles auswählen

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

und:

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

Code: Alles auswählen

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

Gruß


Saint

[patrick226]

danke, aber beim subsilver2 ist es ganz anders

[Saint]

Ich hab noch mal geschaut: da ist es noch viel einfacher:

Logo:
/styles/subsilver2/imageset/site_logo.gif

Zu steuern in der /styles/subsilver2/imageset/imageset.cfg

Code: Alles auswählen

# Images 
img_site_logo = site_logo.gif*94*170

Der Background wird in der /styles/subsilver2/theme/stylesheet.css ohne Backgroundimage erzeugt:

Code: Alles auswählen

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #D9DFE4;
	border-bottom: 1px solid #4787A7;
}

Was kannst Du also mit deinem Logo machen?
Zwei Teile: das Logo selbst - dort passt Du die site_logo.gif betreffenden Sachen an.
Damit der Hintergrund des Logos hübsch über den ganzen Header läuft, kannst Du ein zweites Image erstellen, namens background.gif
Einen schmalen Streifen deines Logohintergrunds. Ein paar Pixel Breite reichen, Hauptsache die Höhe stimmt mit deinem Logo überein, bzw stammt von deinem Logo.

Damit überschreibst Du das alte background.gif hier:
/styles/subsilver2/theme/images/background.gif


Es gibt nämlich in der /styles/subsilver2/theme/stylesheet.css alten Code, als noch mit einem background.gif gearbeitet wurde. Den kannst Du benutzen:

Code: Alles auswählen

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

Die Auskommentierungen nimmst du raus und passt die Passage an.
Denn noch die alte Hintergrundfarbe und Border des Headers anpassen oder auskommentieren.

So sollte das funktionieren.

Gruß


Saint

[patrick226]

vielen Dank!
Hat fast alles geklappt, bis auf das site_logo, ist ist geschrumpft, bzw wurde auf die Größe vom alten Logo skaliert, obwohl ich in der /styles/subsilver2/imageset/imageset.cfg die Pixelabmessungen angepasst habe.

[Saint]

Hast den Cache geleert (phpBB3 und Browser)?

[patrick226]

Hast den Cache geleert?

ja mehrmals, und auch mit anderen browsern getestet