|
|
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo
|
|
[Problem] Problem z wyśrodkowaniem stylu, elementami. |
Autor |
Wiadomość |
Szaleniec
Posty: 3
|
Wysłany: 29-09-2013, 12:24 [Problem] Problem z wyśrodkowaniem stylu, elementami.
|
|
|
Hej.
Podjąłem się przerobienia stylu na własne potrzeby(wgląd na moim forum), niestety wybrałem chyba zbyt nowoczesny, miał dużo kodu jQuery i się zwyczajnie pogubiłem. Moim celem jest wyśrodkowanie tabel z forami, ponieważ z obu stron chcę poprowadzić tło, które nie będzie przewijało się razem ze stroną. Prawdopodobnie pójdzie ono z loga, które już jest trochę pod to przygotowane, ale jeszcze rozważam nad całkowitym oddzieleniem loga z tabelami od tła.
Forum udało mi się wyśrodkować na początku, gdy w pliku CSS określiłem:
Kod: | #fora {width:88%; height:auto; padding:0; margin:0 auto; } |
Styl posiadał jedną rzecz, którą chciałem usunąć, a mianowicie Panel Kontrolny. Był to dodatkowy panel z prawej strony, który miał tam różne informacje i dzięki niemu szerokość forum można było zmniejszyć/zwiększyć. Wywaliłem ten panel, lecz nie wiem czy tak całkowicie. Od tamtego czasu forum przesunęło mi się w lewo maksymalnie. Próbowałem zmieniać szerokość w pliku overall_header.tpl, jednak to nic nie dawało. Porównałem sobie te pliki z innym stylem - Pimp my Style. Jest taka różnica, że wszystko robione jest w klasach i się niestety w tym pogubiłem. W ogóle nie ma kodu z nazwą "BEGIN ADVERT". Załączam pliki z forum, może Wy coś wykombinujecie.
Jak tak patrzę, to chyba najlepiej byłoby belce pod logiem zmniejszyć szerokość, tak samo dla loga. I zawrzeć logo z tabelami w jednym elemencie blokowym. Tło szłoby po bokach.
Może powinienem zacząć od jakiegoś prostszego stylu bez jQ.
pliki.zip
|
Pobierz Plik ściągnięto 105 raz(y) 7,33 KB |
|
|
|
|
 |
Gadatliwa Kasia
|
|
|
|
Nydylier

Pomógł: 2 razy Posty: 29
|
Wysłany: 01-10-2013, 15:26
|
|
|
Badając twoją stronę przez Google Chrome znalazłem linijkę:
Kod: | <div class="forums" style="float: left; width: 78%; display: block;"> |
Aby było tak jak chcesz, musi ona wyglądać tak:
Kod: | <div class="forums" style="float: center; width: 100%; display: block;"> |
Znajdziesz to w index_body.tpl lub index_box.tpl
Pozdrawiam! |
|
|
|
 |
Szaleniec
Posty: 3
|
Wysłany: 02-10-2013, 15:50
|
|
|
Tego przylegania faktycznie nie zauważyłem, dzięki. Ale to i tak nie rozwiązuje problemu, bo dalej nie potrafię osiągnąć takiego efektu, by zmniejszyć szerokość tabel forum po obu stronach, tak by było widoczne tło po prawej i lewej stronie w takich samych rozmiarach. |
|
|
|
 |
Tommekk80


Pomógł: 1411 razy Posty: 4780
|
Wysłany: 02-10-2013, 18:57
|
|
|
Cytat: | <table class="tborder" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td valign="top">
<!-- END advert -->
<!-- BEGIN forum_thin -->
<table class="tborder" width="100" height="1000"> |
Czerwony - to prawdopodobnie szerokość całego forum. Zmniejsz wg uznania.
Zielony - to jakaś pomyłka, powinno być 100% prawdopodobnie.
Niebieski - to wywal w ogóle.
I pisz czy to dało jakiś efekt |
|
|
|
 |
Szaleniec
Posty: 3
|
Wysłany: 03-10-2013, 16:34
|
|
|
Hmm, sam nie wiem, czy to dało jakiś efekt. Chyba jest tak samo jak wcześniej.
Próbowałem dać 88% dla
Cytat: | <table class="tborder" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
|
Nadałem także tyle dla tej linijki:
Cytat: | <table class="tborder" width="100" height="1000">
|
A tak dla testu, by zobaczyć co się stanie, dałem tylko 20%. I też nic. |
|
|
|
 |
Tommekk80


Pomógł: 1411 razy Posty: 4780
|
Wysłany: 03-10-2013, 17:05
|
|
|
Szaleniec, napisz na pw swój nr gg, odezwę się. |
|
|
|
 |
Gadatliwa Kasia
|
|
|
|
Tommekk80


Pomógł: 1411 razy Posty: 4780
|
Wysłany: 03-10-2013, 18:06
|
|
|
Spróbuj jeszcze w klasie #branding zmienić szerokość z 1300px na 100% |
|
|
|
 |
|
Nie możesz pisać nowych tematów Nie możesz odpowiadać w tematach Nie możesz zmieniać swoich postów Nie możesz usuwać swoich postów Nie możesz głosować w ankietach Nie możesz załączać plików na tym forum Możesz ściągać załączniki na tym forum
|
Dodaj temat do Ulubionych Wersja do druku
|
Kopiowanie wszelkich treści zawartych na forum, modyfikacji oraz instrukcji bez zgody administracji i autorów tematów/postów zabronione!
Powered by phpBB modified by Przemo © 2003 phpBB
| Strona wygenerowana w 0,1 sekundy. Zapytań do SQL: 13 | |
 |
|