BB Code details rozwijane sekcje bez JavaScript w forum PHP Fusion

Wtyczka BB Code details dla forum PHP Fusion

Wtyczka BB Code oparta o znaczniki HTML5 <details< oraz <summary< to proste i nowoczesne rozwiązanie dla forów opartych o CMS PHP Fusion.

Najczęstszym zastosowaniem tego BB Code jest umieszczanie bardzo obszernych fragmentów [code][/code], które bez zawijania wierszy powodują rozciąganie strony w poziomie.

Jak działa BB Code <details<?

Użytkownik forum widzi jedynie pasek nagłówka (<summary<), który po kliknięciu rozwija zawartość.

długie fragmenty kodu
logi systemowe
instrukcje techniczne

Wymagany styl CSS forum

Poniższy styl CSS należy dodać na końcu pliku:/infusions/forum/templates/css/forum.css

CSS dla BB Code

 details summary{padding:8px 12px;font-weight:bold;font-size:1.2em;color:white;background-color:#005cbf;border-radius:5px;cursor:pointer;transition:background-color 0.3s;list-style:none;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}details summary:hover{background-color:#004a9a;}details[open] summary{background-color:#ffd700;color:black;}details{margin-bottom:12px;border-radius:5px;overflow-x:hidden;}details > *:not(summary){margin:8px 0;padding:0;background:none;color:inherit;}

To rozwiązanie pozwala zachować porządek na forum bez użycia JavaScript i bez ryzyka rozciągania strony.

Info!
Panel możesz pobrać na forum po wcześniejszym zalogowaniu się

January 08 2026