Motywy w DJ-Tabs
Za pomocą funkcji Motywy można zmienić wygląd DJ-Tabs.
Elementy zakładek są niezależne od ich wyglądu, więc ten sam zestaw elementów (zakładek lub akordeonów) może być używany wielokrotnie w wielu miejscach (na przykład w różnych modułach lub pozycjach menu), a w każdym przypadku motyw może być inny, nawet jeśli zawartość pozostaje taka sama.
Motywy można wybierać w modułach DJ-Tabs, a także podczas dodawania pozycji menu DJ-Tabs
Wbudowane motywy
DJ-Tabs oferuje 16 wbudowanych motywów . 12 z nich można edytować i dostować do swoich potrzeb - Możesz je dowolnie modyfikować, kopiować lub usuwać. 4 natomiast są zakodowane na sztywno i mogą być dostosowane za pomocą CSS.
Aby zobaczyć listę motywów, otwórz panel administracyjny Joomla! i przejdź do Components -> DJ-Tabs -> Themes.
Tutaj zobaczysz listę wszystkich dostępnych motywów:
Themes list in DJ-Tabs Każdy motyw z polem wyboru może być edytowany, usuwany lub kopiowany.
Działania kreatora motywów
Tworzenie nowego motywu
Aby utworzyć nowy motyw kliknij +New kiedy jesteś w motywie
Edycja istniejącego motywu
Aby edytować istniejący motyw kliknij na jego nazwę, a zobaczysz szczegóły motywu, które można zmodyfikować. Po zmodyfikowaniu motywu, kliknij " Save ".
Powielanie/kopiowanie motywu
Jeśli chcesz skopiować motyw, aby zmodyfikować go pod inną nazwą, po prostu otwórz szczegóły motywu, zmień jego tytuł i kliknij " Save as copy ".
Duplicating DJ-Tabs theme Usuwanie motywu
Aby usunąć motyw, otwórz listę motywów i zaznacz pole wyboru obok tytułu motywu, a następnie kliknij przycisk "Delete".
Removing DJ-Tabs theme Elementy kreatora motywów
Theme builder jest podzielony na sekcje, które modyfikuje. Możesz kontrolować wygląd zakładek, zawartość zakładek, panele i Toggler.
Dostosowanie zakładek
W konfiguratorze motywu jest możliwość kontroli:
- Tabs general settings
- Tab's height
- Tab's width
- Tabs direction
- Tab border-radius (top)
- Tab border-radius (bottom)
- Tab's left-right padding
- Tab space
- Tab separator
- Tab separator style
- Tab separator color
- Tab text
- Tab text-transform
- Tab font size
- Tab font family
- Active tab
- Active tab color
- Active tab title color
- Inactive tab
- Tab color
- Tab title color
- Tabs bottom line
- Tabs bottom line width
- Tabs bottom line color
Dostosowanie treści zakładki
- Font family
- Date font size
- Article content color
- Image border-radius
- Content border
Dostosowanie panelu
- Panel general
- Panel border-radius
- Panel font size
- Panel font family
- Date color
- Panel active
- Active panel color
- Active panel title color
- Active panel borders style
- Active panel borders color
- Panel inactive
- Panel color
- Panel title color
- Panel borders style
- Panel borders color
Dostosowywanie przycisków
- Toggler color
- Active toggler color
- Toggler border-radius
Jak przypisać motyw do zakładek
Przypisywanie motywów do zakładek jest możliwe w modułach i pozycjach menu dla DJ-Tabs.
Wybór motywu w module DJ-Tabs