Przejdź do treści
Sugester V1 - Baza  Wiedzy

Własny szablon forum lub własny CSS

Aktualizacja: Wyświetleń: 6539 2 min czytania

Aby ustawić własny html forum sugestii przejdź do menu Ustawienia > Konfiguracja Forum > Szablon. Następnie zaznacz checkbox Użyj własnego szablonu HTML. Pojawi się pole Szablon strony, w którym możesz wpisać swój kod. Po prawej stronie znajdziesz też przycisk Wstaw przykładowy szablon - możesz budować na nim własny HTML forum bazując na znacznikach (tagach) dostępnych w systemie. Kod Handlebars nowego szablonu forum w Bootstrap 3 można przejrzeć i skopiować także z >>tej<< strony pomocy. Jeśli chcesz zmienić wygląd poszczególnych elementów Twojego forum, takich jak lista postów, widok pojedynczej kategorii, widok pojedynczego zgłoszenia oraz menu boczne - kliknij checkbox Zaawansowana konfiguracja szablonu:

Modyfikując podstawowy kod HTML szablonu można umieszczać na stronie dowolne dodatkowe elementy HTML-owe, na których wygląd wpływamy za pomocą CSS. Domyślnie do szablonu jest podpięty CSS i HTML popularnego frameworku Bootstrap 3 dzięki czemu można korzystać z gotowych komponentów w nim dostępnych. W szablonie można używać znaczników Handlebars. Pełna aktualna lista jest dostępna na https://github.com/sugester/szablony 

Zmienne których można używać:  {{title}} {{forum_name}} {{forum_description}} {{forum_logo_url}} {{path}} {{full_path}} {{forum_url}} {{forum_path}} {{system.favicon}} {{system.meta}} {{system.custom_css}} {{system.head}} {{system.admin_menu}} {{sidebar}} {{categories}} {{notifications}} {{body}} {{feedback_status_menu}} {{search_or_add}} {{vendor_css.bootstrap '3.3.2'}} {{template_css.default '1.0.0'}} {{#if home_site}}:   {{home_site.url}}   {{home_site.name}} {{/if}} {{#if user}}:   {{user.login}}   {{user.first_name}}   {{user.last_name}}   {{user.profile_path}}   {{user.avatar}} {{/if}} {{posts_javascript}} {{#each posts}}   {{creaed_at}}   {{title}}   {{content}}   {{url}}   {{path}}   {{vote_box}}   {{answer}}     {{votes_count}}   {{comments_count}}   {{email}}   {{kind}}   {{status}}   {{#if user}}:     {{user.login}}     {{user.first_name}}     {{user.last_name}}     {{user.profile_path}}     {{user.avatar}}   {{/if}}   {{each attachments}}       {{file_name}}       {{image}}       {{url}}       {{url_medium}}   {{/each}}   {{if image}}     {{image.url}}     {{image.url_medium}}   {{/if}}   {{#if category}}:     {{category.url}}     {{category.name}}   {{/if}}   {{#each voters}}     {{user.profile_path}}     {{user.login}}   {{/each}}   {{anonymous_votes}} {{/each}} {{user_report_url}} {{{admin_info}}}  

Czy ten wpis był pomocny?

Udostępnij

Komentarze