Szerokość stylu RedSilver

[camelot]

Mam problem z ustawieniem szerekości i wycentrowaniem stylu RedSilver w phpbb3. Wydaje mi się, że nie wystarczy zmienić tylko overall_headera, żeby styl był wyśrodkowany i o szerokości powiedzmy 750 px tak jak ma to miejsce w bliźniaczym stylu RedSilver_C. Czy ktoś mógłby doradzić mi jak zmodyfikować pliki (i które), żeby styl RedSilver był wyśrodkowany i o zadanej szerokości?

ps. Przepraszam, jeśli zadałem pytanie niezgodnie z regulaminem.

[jaroslw]

Domyślam się, że styl bazuje na prosilverze, więc powinno być podobnie. Wykonaj instrukcje zawarte w artykule Zmiana szerokości stylu prosilver.

[fresher]

Niestety, ten styl nie bazuje na prosilverze. W katalogu stylu mam plik stylesheet.css.

Zapis mojego pliku podobny jest do tego co tutaj: http://phpbb.pl/forum/viewtopic.php?f=55&t=7398

Tylko, że tamta metoda nie jest skuteczna.

Oto fragment mojegu pliku css:

Kod: Zaznacz cały

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

#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;
}

#wrapcentre {
	margin: 15px 25px 0 25px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #f0ede6;
	border-width: 1px;
	border-style: solid;
	border-color: #a9a9a9;
}

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

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

[jaroslw]

W takim razie bazuje na stylu subsilver2 Wykonaj to co napisałem w tym artykule.

[fresher]

Dzięki za informację. Udało się zmniejszyć w ten sposób szerokość forum i wycentrować tabelę, ale nie można dopasować tła, tak, aby krawędzie przylegały do tabeli tak jak ma to miejsce np tu:

http://demo.phpbb3styles.net/RedSilver_C

U mnie to czerwone obwódki dookoła tabeli pozostały bez zmian (tzn na 100% szerokości) i kiepsko to trochę wygląda.

[jaroslw]

Podaj adres swojego forum. Zapewne trzeba ustawic osobno odległość obramowania.

[fresher]

Tak to wygląda

[jaroslw]

styles/RedSilver/template/overall_header.html, linie:

Kod: Zaznacz cały

<table width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td width="15" style="padding: 0;background: url('{T_IMAGESET_PATH}/left_bkg.gif') repeat-y; width: 15px;"></td>
		<td style="padding: 0;">

Zamień width="100%" na np. width="850". Plik styles/RedSilver/template/overall_footer.html, linie:

Kod: Zaznacz cały

<table cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<td width="77" height="44" style="padding: 0;background: url('{T_IMAGESET_PATH}/bottom_left.gif') no-repeat;"></td>
		<td height="44" style="padding: 0;background: url('{T_IMAGESET_PATH}/bottom_bkg.gif') repeat-x;">&nbsp;</td>
		<td width="77" height="44" style="padding: 0;background: url('{T_IMAGESET_PATH}/bottom_right.gif') no-repeat;"></td>
	</tr>
</table>

Zamień tak samo szerokość.

[fresher]

Wydaje mi się, że zrobiłem wszystko, co trzeba a jednak wychodzi coś takiego

[jaroslw]

Daj więcej niż 782px, teraz obramowanie "chowa" się pod forum. Nie musisz też pisać "px". Obejmij całość w <div> i w CSS nadaj mu margin: 0 auto; (wyśrodkuje to forum).

[fresher]

Daj więcej niż 782px, teraz obramowanie "chowa" się pod forum. Nie musisz też pisać "px". Obejmij całość w <div> i w CSS nadaj mu margin: 0 auto; (wyśrodkuje to forum).

Jest już prawie idealnie, właśnie tylko wycentrować. Przepraszam, ale nie orientuję się co mam wrzucić jako div i jak. Sądzę, że te linię z overall'a i footer'a, ale nazwać to chyba trzeba jakoś i w css użyć specjalnych poleceń? Czy wystarczy nazwać jako np "tlo" a w css dać tylko ten parametr do centrowanie, nie dodając żadnej innej linii?

[jaroslw]

W pliku overall_header.html przed przierwszym <table dodaj <div id="wrapper">. W pliku overall_footer.html po ostatnim</table> dodaj </div>.

Potem w pliku stylesheet.css dodaj gdziekolwiek (może być nawet na końcu):

Kod: Zaznacz cały

#wrapper {
width: 850px;
margin: 0 auto;
}

[fresher]

Kurcze wraz tło nie wyświetla się prawidłowo jak zmieniałem parametry w overallu i css (jest białe, a powinno być koloru kakaowego żeby odróżniało się od tabeli forum). A gdyby spróbować zrobić to od innej strony. Istnieje sobie styl RedSilver_C, który jest już wycentrowany i ma mniejszą szerokość. Niby wszystko pięknie, problem tylko w tym, że cała treść forum jest wyśrodkowana tzn. posty, opisy for na stronie głównej itd. Wszystko jest totalnie wycentrowane (dla mnie bez sensu, no ale ok). Może istnieje jakiś parametr, który odpowiada za wycentrowane wyświetlanie treści na forum i który można usunąć/zmienić, aby tekst wyświetlany był standardowo tj. do lewej? Z tego co patrzyłem w pliki stylu może być z tym więcej roboty, ale mogę się mylić.

Podgląd stylu jest tutaj: http://demo.phpbb3styles.net/RedSilver_C

Ciekawostka: powyższy styl wyświetla się inaczej pod przeglądarką FF3, a inaczej pod IE (to właśnie w IE jest wyśrodkowana treść forum, a ponieważ duża część userów nadal korzysta z IE to dlatego chciałbym, żeby to jakoś normalnie wyglądało). To jest mała zmyłka, bo jak zainstalowałem ten styl pierwszy raz to na FF wyglądał zupełnie ok, dopiero jak przetestowałem działanie forum na innych przeglądarkach wyszły takie kwiatki.

[jaroslw]

Wydaje mi się, że o wiele łatwiej będzie zmienić wyrównanie tekstu niż szerokość forum. Dla tych elementów musi być ustawione text-align: center;. Spróbuj zamienić blok kodu (plik stylesheet.css):

Kod: Zaznacz cały

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #ded8c8;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

na:

Kod: Zaznacz cały

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #ded8c8;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	text-align: left;
}

[fresher]

No niestety zmiana w css nie przyniosła rezultatu. Może trzeba też zmieniać jakieś parametry w plikach "view".

Jest tak (widok pod IE):



Docelowy wygląd (widok pod FF3):