Logo "Bereich " ändern

[Antiquatus]

Hallo miteinander,

ich bin auf der Suche danach wie ich den bereich für das Logo (site_logo) vergrößere sodass alles erst darunter estellt wird.

http://bierwaechter.bi.funpic.de/phpBB3 ... e9b53bc0f1

Ist der link zu meinem bis jetzt geformten Forum, style von spieleresidenz und will das modifizieren.

Schonmal vielen Dank für eure Hilfe

[archivar]

Hallo miteinander,

ich bin auf der Suche danach wie ich den bereich für das Logo (site_logo) vergrößere sodass alles erst darunter estellt wird.

http://bierwaechter.bi.funpic.de/phpBB3 ... e9b53bc0f1

Ist der link zu meinem bis jetzt geformten Forum, style von spieleresidenz und will das modifizieren.

Schonmal vielen Dank für eure Hilfe

Bezug nehmend auf deine Logo-Größe von 946px x385px ändere folgendes:

1.) mit einem Bildbearbeitungs-Programm:
root/styles/camelot_light/theme/images/logo/logo-left.jpg auf 48px x 430px
root/styles/camelot_light/theme/images/logo/logo-mid.jpg auf 505px x 430px
root/styles/camelot_light/theme/images/logo/logo-right.jpg auf 48px x 430px

2.)suche in root/styles/camelot_light/imageset/imageset.cfg:

Code: Alles auswählen

img_site_logo = site_logo.jpg*82*505

ersetze damit:

Code: Alles auswählen

img_site_logo = site_logo.jpg*385*946

3.)suche in root/styles/camelot_light/theme/additional.css:

Code: Alles auswählen

#logo {
	background-repeat: no-repeat;
	width: 100%;
	height: 82px;
	padding: 0px;
	margin: -82px 0px 0px 0px;
	text-align: center;
	clear: both;
}

.logo-l {
	background-image: url("{T_THEME_PATH}/images/logo/logo-left.jpg");
	background-repeat: no-repeat;
	height: 82px;
	float: left;
	width: 48px;
	padding: 0px;
}

.logo-m {
	background-image: url("{T_THEME_PATH}/images/logo/logo-mid.jpg");
	background-repeat: repeat;
	height: 82px;
	margin: 0px 48px 0px 48px;
	width: auto;
	padding: 0px;
}

.logo-r {
	background-image: url("{T_THEME_PATH}/images/logo/logo-right.jpg");
	background-repeat: no-repeat;
	height: 82px;
	float: right;
	margin-top: -82px;
	width: 48px;
	padding: 0px;
}

ersetze damit:

Code: Alles auswählen

#logo {
	background-repeat: no-repeat;
	width: 100%;
	height: 430px;
	padding: 0px;
	margin: -430px 0px 0px 0px;
	text-align: center;
	clear: both;
}

.logo-l {
	background-image: url("{T_THEME_PATH}/images/logo/logo-left.jpg");
	background-repeat: no-repeat;
	height: 430px;
	float: left;
	width: 48px;
	padding: 0px;
}

.logo-m {
	background-image: url("{T_THEME_PATH}/images/logo/logo-mid.jpg");
	background-repeat: repeat;
	height: 430px;
	margin: 0px 48px 0px 48px;
	width: auto;
	padding: 0px;
}

.logo-r {
	background-image: url("{T_THEME_PATH}/images/logo/logo-right.jpg");
	background-repeat: no-repeat;
	height: 430px;
	float: right;
	margin-top: -430px;
	width: 48px;
	padding: 0px;
}

4.)suche in root/styles/camelot_light/theme/common.css

Code: Alles auswählen

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

ersetze damit:

Code: Alles auswählen

#wrap {
	padding: 0 20px;
	min-width: 1050px;
}

5.)und zum Schluss:

Aktualisiere deine Styles:
"Administrations-Bereich" (ACP) > "Styles" > "Templates" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Themes" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Grafiksammlungen" > jedes > "Aktualisieren"

Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere den Cache deines Browsers!

Fertsch!

[Antiquatus]

Wow super danke! Hat soweit geklappt nur jetzt fehlt rechts der Rand und da zwischen ist der obere Rand auch noch zu sehen^^
tut mir leid bin blutiger Anfänger und über jeden Tipp erfreut und sehr dankbar!!!

http://bierwaechter.bi.funpic.de/phpBB3/

[archivar]

1.) mit einem Bildbearbeitungs-Programm:
root/styles/camelot_light/theme/images/logo/logo-left.jpg auf 48px x 430px
root/styles/camelot_light/theme/images/logo/logo-mid.jpg auf 505px x 430px
root/styles/camelot_light/theme/images/logo/logo-right.jpg auf 48px x 430px

5.)und zum Schluss:

Aktualisiere deine Styles:
"Administrations-Bereich" (ACP) > "Styles" > "Templates" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Themes" > jedes > "Aktualisieren"
"Administrations-Bereich" (ACP) > "Styles" > "Grafiksammlungen" > jedes > "Aktualisieren"

Leere den Cache im "Administrations-Bereich" (ACP) > "Allgemein" > "Den Cache leeren"
Leere den Cache deines Browsers!

Fertsch!

Sieht so aus als wenn Du das vergessen hast.

[Antiquatus]

Danke Dir, aber da muss ich mir denke noch was anderes einfallen lassen, weil alles andere wird ja dann auch gestreckt und sieht nicht mehr so schön aus