Seite 1 von 2

Header Problem !

Verfasst: 11.02.2013 17:13
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:

Re: Header Problem !

Verfasst: 11.02.2013 17:24
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%;
}

Re: Header Problem !

Verfasst: 11.02.2013 17:38
von MrBaking
Hallo!

Erst einmal vielen Dank für die Schnelle Antwort!

Werde das mal ausprobieren.

Gruß

MrBaking

:cookie:

Re: Header Problem !

Verfasst: 12.02.2013 23:02
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:

Re: Header Problem !

Verfasst: 13.02.2013 18:57
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

Re: Header Problem !

Verfasst: 13.02.2013 21:08
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:

Re: Header Problem !

Verfasst: 13.02.2013 21:09
von Crizzo
Du hast wohl das hier: KB:tippstyles nicht beachtet.

Re: Header Problem !

Verfasst: 13.02.2013 21:19
von MrBaking
Hallo!

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

Gruß

Mr.Baking
:cookie:

Re: Header Problem !

Verfasst: 13.02.2013 21:22
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

Re: Header Problem !

Verfasst: 13.02.2013 21:24
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: