Własny szablon forum lub własny CSS

Utworzono: 2014-12-10
Ostatnia aktualizacja: 2017-09-20
Liczba odwiedzin posta: 2208

Aby ustawić własny html forum sugestii należy przejść do menu Ustawienia > Konfiguracja Forum > Szablon wybrać jedną z opcji w polu "Szablon HTML"

Następnie można budować własny HTML forum bazując na znacznikach (tagach) dostępnych w systemie.


Aby zaczytać domyślny kod HTML szablonu strony należy kliknąć na przycisk "wstaw przykładowy szablon..." znajdujący się po prawej pod polem edycyjnym, kod Handlebars nowego szablonu forum w Bootstrap 3 można przejrzeć i skopiować także z >>tej<< strony pomocy.

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}}}

 


 

W polu niżej można również wprowadzić własny CSS do systemu



Powrót


Dodaj komentarz