Strona 1 z 2
Szerokość stylu RedSilver
: 20 stycznia 2009, 08:21
autor: 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.
Re: Szerokość stylu RedSilver
: 20 stycznia 2009, 10:41
autor: jaroslw
Domyślam się, że styl bazuje na prosilverze, więc powinno być podobnie. Wykonaj instrukcje zawarte w artykule
Zmiana szerokości stylu prosilver.
Re: Szerokość stylu RedSilver
: 21 stycznia 2009, 08:18
autor: 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 { }
Re: Szerokość stylu RedSilver
: 21 stycznia 2009, 10:50
autor: jaroslw
W takim razie bazuje na stylu subsilver2
Wykonaj to co napisałem w tym
artykule.
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 08:08
autor: 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.
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 10:40
autor: jaroslw
Podaj adres swojego forum. Zapewne trzeba ustawic osobno odległość obramowania.
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 11:45
autor: fresher
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 12:09
autor: 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;"> </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ść.
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 12:53
autor: fresher
Wydaje mi się, że zrobiłem wszystko, co trzeba a jednak wychodzi
coś takiego
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 13:00
autor: 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).
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 13:11
autor: fresher
we3b pisze: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?
Re: Szerokość stylu RedSilver
: 23 stycznia 2009, 18:41
autor: 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):
Re: Szerokość stylu RedSilver
: 24 stycznia 2009, 12:11
autor: 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.
Re: Szerokość stylu RedSilver
: 24 stycznia 2009, 14:09
autor: 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;
}
Re: Szerokość stylu RedSilver
: 24 stycznia 2009, 18:34
autor: 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):
