Seite 1 von 1

Style proglass_red verbreitern

Verfasst: 18.03.2011 18:53
von derkubi
Moin

Board V3.0.8 .
Verbaute MODs :
Gallery V1.0.5.1
Board3Portal V1.0.6
Highslide V4.1.8
Social Network V0.5.2

Ich benutze den Style proglass_red ( prosilver ) den ich gerne verbreitern würde
habe dazu mal in der common.css folgendes geändert :

VORHER : [ externes Bild ]

Code: Alles auswählen

/* Main blocks
---------------------------------------- */
#wrap-bg {
	width: 804px;
	margin: auto;
}

#wrap {
	padding: 0;
	width: 780px;
	margin: auto;;

DANACH : [ externes Bild ]

Code: Alles auswählen

/* Main blocks
---------------------------------------- */
#wrap-bg {
	width: 1024px;
	margin: auto;
}

#wrap {
	padding: 0;
	width: 1024px;
	margin: auto;;
Irgend welche Hilfe für mich ? Hier mal die common.css im Original inkl. evtl Änderungen von den schon verbauten MODs

Re: Style proglass_red verbreitern

Verfasst: 19.03.2011 20:29
von Talk19zehn
Hallo derkubi,

wenn du dir das Style und die Grafiken anschaust wirst du erkennen, dass das "wrap-bg" lediglich die Hintergrundgrafik (bg_wrap) des Forums darstellt. "Wrap" ist das eigentliche Forum. Des Weiteren werden die Grafiken bg_header und bg_footer verwendet. Insofern kann deine Grundidee noch nicht gänzlich ausreichend funktionieren, da laut deinem Bild die Anpassungen der Grafiken zu fehlen scheinen.
Ich habe das mal durchgespielt und scheitere an der "wrap-bg" um einige 0,00123 px ( sozusagen ). Ich komme nicht dahinter. Ggf. hilft es bei deiner Suche bzw. du oder ein Helfer hat die zündende Idee.

Ich änderte von:

Code: Alles auswählen

/* Main blocks
---------------------------------------- */
#header-bg {
width: 804px;
height: 141px;
margin: auto;
}

#wrap-bg {
width: 804px;
margin: auto;
}

#wrap {
padding: 0;
width: 780px;
margin: auto;
}

auf:

Code: Alles auswählen

/* Main blocks
---------------------------------------- */
#header-bg {
width: 1048px;
height: 184px;
margin: auto;
}

#wrap-bg {
width: 1048px;
margin: auto;
}

#wrap {
padding: 0;
width: 1024px;
margin: auto;
}

Und von:

Code: Alles auswählen

#footer-bg {
width: 804px;
height: 7px;
margin: auto;
}
auf:

Code: Alles auswählen

#footer-bg {
width: 1048px;
height: 9px;
margin: auto;
}


Ergebnis unter Berücksichtung der "mangelhaften Pixel" am rechten Rand:

[ externes Bild ]

Wie gesagt, ggf. hilft es dir zunächst? Dein Grafikprogramm rechnet ggf. unter Berücksichtigung der Seitenverhältnisse ein anderes Maß aus!? Könnte ja sein... :oops: Oder du befragst den Styleautor, wie die fehlenden Pixel bereinigt werden können. Die Grafiken hatte ich entsprechend angepasst und heraufgeladen, Grafiksammlung aktualisert ..... und so weiter.

:roll: Denn das margin = auto hätte eigentlich zum Ergebnis führen sollen / können.

Beste Grüße

Re: Style proglass_red verbreitern

Verfasst: 19.03.2011 22:03
von derkubi
Erstmal vielen Dank für die Hilfe , aber leider ist bei den Einstellungen bei mir total zerschossen , siehe

[ externes Bild ]

Re: Style proglass_red verbreitern

Verfasst: 19.03.2011 22:20
von Talk19zehn
Hello derkubi,

du hast die Grafiken nicht, wie beschrieben angepasst, denke ich. Dann ist der Schritt nicht mehr weit, glaube ich.

:wink: Wenn du lediglich deine Angaben, so wie von dir ausgeführt, in der common.css erstellst, kann das nicht klappen. :wink: M. Erachtens ist darum die Darstellung "zerschossen", da eben Hintergrundaspekte fehlen?

Eine andere Idee wäre, die Hintergrund-bg-Bilder nicht zu nutzen und dem Forum = Wrap einen eigenen kreierten Hintergrund zu geben. Das müsste gehen. Mal sehen, vielleicht finde ich in den nächsten Tagen noch einmal Zeit, dies auszuprobieren.

Re: Style proglass_red verbreitern

Verfasst: 20.03.2011 09:28
von franki
Hallo

Öffne die styles/proglass_red/theme/common.css
suche

Code: Alles auswählen

#header-bg {
	width: 804px;
	height: 141px;
	margin: auto;
}

#wrap-bg {
	width: 804px;
	margin: auto;
}

#wrap {
	padding: 0;
	width: 780px;
	margin: auto;
}
ersetze durch

Code: Alles auswählen

#header-bg {
	width: 1024px;
	height: 141px;
	margin: auto;
}

#wrap-bg {
	width: 1024px;
	margin: auto;
}

#wrap {
	padding: 0;
	width: 1000px;
	margin: auto;
}
suche

Code: Alles auswählen

#footer-bg {
	width: 804px;
	height: 7px;
	margin: auto;
}
ersetze durch

Code: Alles auswählen

#footer-bg {
	width: 1024px;
	height: 7px;
	margin: auto;
}
Dann noch die Grafiken aus dieser .zip-Datei nach
styles/proglas_red/theme/images/ kopieren.

Re: Style proglass_red verbreitern

Verfasst: 20.03.2011 12:07
von derkubi
Besten Dank , hat prima funktioniert ...

Re: Style proglass_red verbreitern

Verfasst: 20.03.2011 14:29
von franki
Das freut mich :)

Könnte aber sein, dass noch andere .css Einstellungen (px) geändert werden müssen.
Das sieht man aber erst im nach hinein.