Szablony designu i kolory
Wyglądem duelgo steruje szablon designu. Za darmo dostępne są cztery gotowe szablony — duelgo Light (ciemnoniebieski nagłówek, turkusowe przyciski), duelgo Dark (fioletowy), Biały i Czarny. Można je tylko wybierać, bez możliwości edycji. Od planu Pro tworzysz własne szablony i dopracowujesz każdy kolor, logo i tło.
- Otwórz krok „Design"
W galerii wybierz szablon — podgląd telefonu natychmiast zmieni kolory. Wybrany szablon jest wyróżniony.
- Utwórz własny szablon
Przyciskiem Utwórz własny. Nadaj mu nazwę i wybierz, na czym ma bazować: na aktualnym designie duelgo, na szablonie domyślnym albo na innym Twoim szablonie. Duelgo od razu się z nim połączy i otworzy się edycja.
- Edytuj kolory sekcjami
Edytor szablonu jest podzielony na sekcje — zobacz listę poniżej. Każda zmiana od razu pojawia się w podglądzie telefonu; kolory zapisują się automatycznie.
- Albo klikaj bezpośrednio w podgląd
W kroku Design kliknij dowolny element w podglądzie telefonu (przycisk, dymek, nagłówek…) — otworzy się pływająca paleta właśnie dla niego. Jeśli masz wybrany szablon podstawowy, edytor najpierw zaproponuje zapisanie go jako własnego („fork") — szablony podstawowe są nieedytowalne.
Sekcje edytora designu i co w nich znajdziesz
- Tło — kolor tła i tekstu, opcjonalny gradient, obraz w tle (do 500 kB) i osobne tło dla desktopu (do 800 kB)
- Nagłówek — kolor tła i tekstu, logo (do 200 kB) + kształt logo Standard/Szerokie/Koło; od planu Business własny obraz na całą szerokość nagłówka
- Moderator — kolor dymka, tekstu i imienia moderatora, szerokość i kolor obramowania dymków (0–10 px)
- Użytkownik — to samo dla dymków gracza
- Przyciski — tło, tekst, stany hover, szerokość i kolor obramowania (także dla stanu aktywnego)
- Suwak — kolor ścieżki, kolor i tekst przycisku, własna ikona uchwytu
- Pola wprowadzania — tło i tekst
- Ocena — wypełnienie i obramowanie gwiazdek, kolor podpisów, opcjonalne tło bloku
Jak działa współdzielenie szablonu między duelgo — ważne
Z własnego szablonu może korzystać wiele duelgo naraz, a połączenie jest żywe: zmiana kolorów lub logo w szablonie natychmiast pojawia się we wszystkich duelgo, które go używają. Edytor przypomina o tym banerem przy edycji. Jeśli chcesz odmienny wygląd tylko dla jednego duelgo, utwórz dla niego osobny szablon (choćby jako kopię obecnego).
Gdy zastosujesz w duelgo inny szablon, przejmowany jest kompletny wygląd — pola, których nowy szablon nie ma wypełnionych (np. logo albo obraz tła), wracają do wartości domyślnej. Zanim przełączysz szablon, sprawdź, co możesz stracić.
Szablony można zmieniać nazwą i usuwać (menu kontekstowe karty). Usunięcie szablonu nie psuje duelgo — kolory zostają, duelgo tylko odłącza się od szablonu.
Co jest w którym planie
Free i Starter: wybór spośród 4 gotowych szablonów. Od planu Pro: nieograniczone własne szablony i wszystkie kolory wraz z logo. Od planu Business: własny obraz nagłówka. Własny CSS jest dostępny indywidualnie na życzenie — napisz do wsparcia.