Webboard

Pełna wersja: Dostosowanie Szerokości
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam serdecznie, na wstępie chciałbym zaznaczyć, że jestem osobą, która ma od niedawna styczność z tematyką tworzenia i edycji forum, dlatego proszę o wyrozumiałość. Otóż mój problem przejawia się tym, że nie potrafię korzystając ze stylu Vienna 1.8, dostosować szerokości działów do ogólnej szerokości forum (prawdopodobnie niezrozumiale to sformułowałem, ale postaram się to zilustrować grafikami i na ich przykładzie tłumaczyć w czym problem). Dodam również, że szukałem solucji przy pomocy google, jednakże żaden z odnalezionych tematów, nie pozwolił mi uporać się z problemem (często pytania były z przed kilku lat, linki oraz ilustracje powygasały co bardzo utrudniło weryfikację problemu ; / )
Tak wygląda forum na głównej stronie: 
[Obrazek: 2018-02-2_qnxxwea.jpg]
Tak po wejściu w jakiś dział:
[Obrazek: 2018-02-2_qnxxwwx.jpg]

I tutaj pojawia się problem, ponieważ nie potrafię dostosować szerokości "działów" oraz "postów/wątków" wewnątrz nich do szerokości na stronie głównej.
Stronę główną zedytowałem w:
Strona główna -> Paczki Szablonów -> Vienna Templates -> Edycja Szablonu: Index.
Wyrzuciłem panele boczne, które są mi niepotrzebne oraz zmieniłem nieco kod aby móc wyśrodkować i dostosować szerokość forum:

Cytat:<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body id="forums">
{$header}
<div class="side" style="float: center; width: 21%">
</div>
<div class="forum" style="margin:0 auto; width: 55%;">{$forums}</div> (tutaj lekko zedytowany kod)
{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>
</body>
</html>
Idąc tym tropem chciałem zedytować w szablonach szerokość działów i postów/wątków, aczkolwiek nie znalazłem tam żadnej podobnej funkcji. Szukałem w następujących szablonach:

Strona główna -> Paczki Szablonów -> Vienna Templates -> Edycja szablonu: forumdisplay (dla działów)
Strona główna -> Paczki Szablonów -> Vienna aTemplates -> Edycja szablonu: showthread (dla wątków)

I tutaj zwracam się z prośbą o pomoc, w nakierowaniu albo wytłumaczeniu w jaki sposób będę mógł dostosować wcześniej wymienione pozycje pod względem szerokości, do tej ustawionej na głównej stronie. Czy jest może jakiś sposób, żeby wszystkie te szerokości dostosować za jednym zamachem, przy pomocy edycji jakiegoś jednego kodu np. w global.css ? Z góry dziękuję za poświęcony czas i pozdrawiam !
Zmień w tej linijce:
Kod:
<div class="forum" style="margin:0 auto; width: 55%;">{$forums}</div>
55% na np. 90%
Właśnie cała sprawa rozchodzi się o to, żeby wszystkie wyżej wymienione pozycje były szerokości o wartości 55%.
Czyli wszędzie chcesz mieć takie wąskie forum? Nie wiem czemu miałoby to służyć, bo taka niska wartość tylko wszystko "rozleje" no ale w każdym razie..
Jeżeli chcesz za jednym razem machnąć tak całe forum to najłatwiej chyba będzie jak dodasz do wrapper w global.css "width:55%" i usuniesz to samo z linijki którą wcześniej podałem.

Aczkolwiek tak jak mówiłem, rozleje ci to większość stron, sprawdź najpierw przez zbadaj element czy na pewno taki efekt chciałbyś uzyskać.
Znaczy kwestia czy to będzie 55% czy dajmy na to 70% to już w trakcie dodawania treści etc. będę korygował. Chodzi mi bardziej o świadomość w jaki sposób mogę to wszystko zmieniać, aby było to spójne i bym nie musiał już więcej poruszać tego wątku, zaśmiecając forum :). Niestety prawdopodobnie coś źle zrobiłem ponieważ po usunięciu width z diva i dodaniu go do .wrapp (ss poniżej) szerokość obu wróciła do domyślnej wartości. Chciałbym uzyskać efekt jak na np. takim forum klik (nie jestem fanem HP ale ładnie to wygląda i chciałbym zrobić coś zbliżonego wizualnie do tego :D)
[Obrazek: 2018-02-2_qnxnpne.png]
http://s2.ifotos.pl/img/2018-02-2_qnxnpnw.png
ctrl + f5

Ale jeżeli chcesz zwęzić całe forum a nie tylko same działy to zrób to jeszcze inaczej.
Usuń z wrapper "width",
z content "min-width" a "width" zamień na np. 50%.
Nie wiem na czym polega magia ctrl + f5 od zwykłego odświeżania przy pomocy przycisku, ale nagle wszystko zaczęło funkcjonować :D Dziękuję pięknie za poświęcony czas i pomoc w rozwiązaniu problemu (jakbyś jeszcze mi opisał czym się różni ów ctrl + f5 od zwykłego odświeżania poprzez przycisk na lewo od pola z linkiem do strony to byłbym wniebowzięty). Łap pkt reputacji i życzę miłego wieczoru :)
ctrl + f5 czyści cache przeglądarki, które potrafią trzymać "starą" wersję strony parę godzin :)