VGH: Jak poszerzyć forum na całą szerokość (artykuły, linki, galerię, podstrony)

Czy jest możliwość poszerzenia forum na całą szerokość? Takich tematów na forum w.org pojawiało się od groma. Dzięki poradnikowi pokaże wam jak poszerzyć forum na pełną szerokość strony, bez paneli bocznych. Metodę można również zastosować do innych działów strony.

1.  Dodaj nowy lub edytuj istniejący panel:

PA -> Zarządzanie stroną -> Zarządzanie panelami

2. W treść panelu wklej poniższy kod. Kod dla Forum:

<script type="text/javascript">
//Kod przygotowany przez Fantagiro || fantidesign.blogspot.com;
$(document).ready(function() {
var loc = window.location.href + '';
if (loc.indexOf('forum') > -1) {
$(".side-border-left").css("display", "none");
$(".side-border-right").css("display", "none");
}});
</script>

Jeśli chcesz aby np. artykuły, linki, download, wybrane lub wszystkie podstrony były na pełną szerokość strony to w miejscu forum, podmień na fragment:

• Linki: weblinks
• Kategorie artykułów: articles, treść samego artykułu: readarticle
• Download: downloads
• Galeria: photogallery
• Kontakt: contact
• Wszystkie podstrony: viewpage, konkretna podstrona np: viewpage.php?page_id=3
• Lista użytkowników: members
• Prywatne wiadomości: messages
• Profil usera: profile
• Edycja profilu: edit_profile

Uwaga: jeśli np. stosujesz poradnik "Jak umieścić panele boczne po jednej stronie", czyli panele boczne oraz środkowa część strony mają nadane konkretne wymiary szerokości w px, to wtedy dla klasy "main-bg" należy dodatkowo uzupełnić powyższy kod, o wartość pełnej szerokości strony.

Jeśli strona ma 900px, to należy klasie "main-bg" nadać taką szerokość, a co za tym idzie kod będzie wyglądał następująco:

<script type="text/javascript">
//Kod przygotowany przez Fantagiro || fantidesign.blogspot.com;
$(document).ready(function() {
var loc = window.location.href + '';
if (loc.indexOf('forum') > -1) {
$(".side-border-left").css("display", "none");
$(".side-border-right").css("display", "none");
$(".main-bg").css("width", "900px");
}});
</script>

2. Zapisz panel i pamiętaj aby go włączyć.