ZbigniewUżytkownikOpublikował(a)
5 miesiąc temuWtyczka BB Code Details dla forum PHP-Fusion v9
Wtyczka BB Code oparta o znaczniki HTML5:
oraz
To nowoczesne i praktyczne rozwiązanie dla forów opartych o CMS PHP-Fusion.
BB Code „Details” umożliwia ukrywanie dłuższej treści w rozwijanym panelu. Dzięki temu posty są bardziej przejrzyste, zajmują mniej miejsca na stronie i wyglądają znacznie estetyczniej.
Najczęściej rozwiązanie to wykorzystywane jest do publikowania bardzo długich fragmentów kodu PHP, skryptów, konfiguracji lub logów systemowych. Długie linie kodu bez zawijania mogą powodować rozciąganie strony w poziomie, co znacznie pogarsza czytelność forum.
Zastosowanie znacznika Details pozwala użytkownikowi rozwinąć zawartość dopiero wtedy, gdy chce zapoznać się z pełnym kodem lub dodatkowymi informacjami.
Jak działa BB Code Details?
▶️ Rozwiń 🔽
Najważniejsze zalety
- [*]Ukrywanie bardzo długich fragmentów kodu.
- [*]Poprawa czytelności postów i tematów.
- [*]Brak rozciągania strony w poziomie.
- [*]Nowoczesny wygląd oparty o HTML5.
- [*]Możliwość rozwijania treści przez użytkownika.
Przykład zastosowania
▶️ Rozwiń 🔽
Tutaj można umieścić bardzo długi kod PHP,
konfigurację lub inne obszerne informacje.
Wymagany styl CSS forum
▶️ Rozwiń 🔽
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;
}
Instalacja stylu CSS
Powyższy kod CSS należy dodać na końcu pliku:
infusions/forum/templates/css/forum.css
Nie masz dostępu do przeglądania załączników