Przejdź do treści

Własny szablon forum lub własny CSS

Aktualizacja: • Wyświetleń: 6669 • 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:

screenshot zuzanna test

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}}}
Poprzedni
Następny

Czy ten wpis był pomocny?

Udostępnij

Komentarze