Header Problem !

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.
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Header Problem !

Beitrag von MrBaking »

Hallo!

Ich habe mir das Forumscript mit dem Template 610nm heruntergeladen und auf einer Subdomain installiert.

Nun wollte ich einen eigenen entworfenen Header (Breite 610px) einbauen, stoße aber dabei an meine Grenzen.

http://forum2.ims-webtools.de/

Über den Admin-Bereich habe ich diesen hochgeladen. Dieser ist nun aber nicht zentriert im Header-Bereich.
Wie kann man das machen?

Oder muss man Änderungen in Dateien (z.B. stylesheats,css) vornehmen.
Habe auch gesehen, dass es für den Header mehrere Grafiken und Links in den div. Dateien existieren (header_bg, site_logo, etc.?

Kann man das nicht so einrichten, dass das System nur auf eine Headergrafik verweist?

Danke im Voraus!

mfg

Mr, Baking

:cookie:
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12124
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Header Problem !

Beitrag von Crizzo »

Hi,

wie man das Logo ändert steht ja hier: KB:logo30x

Und zentrieren kannst du deins so:
Finde (in den .css-Dateien deines Styles)

Code: Alles auswählen

header_container {
    background: url("./styles/subsilver3/theme/images/header_bg.gif") repeat-x scroll center top transparent;
    display: block;
    width: 100%;
}
und ersetze es mit:

Code: Alles auswählen

header_container {
    background: url("./styles/subsilver3/theme/images/header_bg.gif") repeat-x scroll center top transparent;
    display: block;
    text-align: center;
    width: 100%;
}
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Re: Header Problem !

Beitrag von MrBaking »

Hallo!

Erst einmal vielen Dank für die Schnelle Antwort!

Werde das mal ausprobieren.

Gruß

MrBaking

:cookie:
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Re: Header Problem !

Beitrag von MrBaking »

Hallo

Habe den Header nach den oben genannten Vorgaben zentriert.
=> keine Verbesserung

In der Datei overal_heater.html finde ich nur diesen Eintrag. Muss dort etwas geändert werden?

Code: Alles auswählen

<div id="header_container">
		<div id="header_bg">
			<div id="header_bg2">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			</div>
		</div>
	</div>
In der Datei style.cfg finde ich diese Einträge. Muss dort etwas geändert werden?

Code: Alles auswählen

#header_bg {
	height: 102px;
	background: url("{T_THEME_PATH}/images/header_right.gif") top right no-repeat;
}

#header_bg2 {
	height: 102px;
	background: url("{T_THEME_PATH}/images/header_left.gif") top left no-repeat;
	
}

#header_container { 
	background: url("{T_THEME_PATH}/images/header_bg.gif") top repeat-x;
	display: block;
	width: 100%;
}

Was ist mit den anderen Header Grafiken? Stören diese nicht? Kann man die nicht zusammenfassen, so dass es nur
eine Headergrafik gibt?
Oder wo sonst muss noch etwas verändert werdn?

Danke im Voraus!

Mr. Baking
:cookie:
Zuletzt geändert von Crizzo am 13.02.2013 21:10, insgesamt 1-mal geändert.
Grund: Bitte in Zukunft BBCode für Code verwenden!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12124
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Header Problem !

Beitrag von Crizzo »

Hi,

in einer deiner CSS-Dateien (styles/subsilver3/theme/) gibt es folgende CSS-Regel:

Code: Alles auswählen

    #header_container {
        background: url("./styles/subsilver3/theme/images/header_bg.gif") repeat-x scroll center top transparent;
        display: block;
        width: 100%;
    }
Da sollst du einfach nur die CSS-Eigenschaft text-align: center; ergänzen. Die Regel zentriert innerhalb von <div id="header_container"> alle inline-Elemente und somit auch dein Logo, was als <img... /> eingebunden ist.

Danach das beachten: KB:tippstyles

Und das wärs.

Grüße
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Re: Header Problem !

Beitrag von MrBaking »

Hallo

dieser Code befindet sich bei meinem 610nm Template in der Datei /themes/stylesheet
Hier habe ich das nun so eingefügt, hochgeladen und dann im Admin-Menü die Grafik wie im Link beschrieben, aktualisiert.

Code: Alles auswählen

#header_container { 
	background: url("{T_THEME_PATH}/images/header_bg.gif") top repeat-x;
	text-align: center;
	display: block;
	width: 100%;
}
Der Header ist aber nach wie vor nicht zentriert.

http://forum2.ims-webtools.de/

Gruß

Mr. Baking
:cookie:
Zuletzt geändert von Crizzo am 13.02.2013 21:09, insgesamt 1-mal geändert.
Grund: Bitte in Zukunft BBCode für Code verwenden!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12124
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Header Problem !

Beitrag von Crizzo »

Du hast wohl das hier: KB:tippstyles nicht beachtet.
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Re: Header Problem !

Beitrag von MrBaking »

Hallo!

Doch, das habe ich gemacht.
Ist nicht besser geworden, im Gegenteil

Gruß

Mr.Baking
:cookie:
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12124
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Header Problem !

Beitrag von Crizzo »

Dann veränderst du die falsche Datei oder speicherst die Änderung nicht ab. Denn die neue Eigenschaft ist nicht da. ;)
Siehe: http://forum2.ims-webtools.de/style.php?id=3&lang=de

Code: Alles auswählen

#header_container { 
	background: url("./styles/subsilver3/theme/images/header_bg.gif") top repeat-x;
	display: block;
	width: 100%;
}
Beachte bitte: KB:dateiedit
Grüße
MrBaking
Mitglied
Beiträge: 8
Registriert: 11.02.2013 16:55

Re: Header Problem !

Beitrag von MrBaking »

Hallo

O.K.
Der Header ist jetzt zwar im Zentrum, wurde aber gestaucht.

Die Headergrafik ist 610nm breit.
Möchte gerne dass der Header in voller Größe im Headerbereich, ohne Stauchung erscheint.

Was ist zu tun?

Gruß

Mr. Baking
:cookie:
Antworten

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