# Wygląd i nawigacja

> Wygląd serwisu w D-LIS: kolory i kroje pisma, nawigacja z przyciskiem w nagłówku, szablony z paczki ZIP, własny CSS, komunikaty na stronie i wyszukiwarka.

Adres: https://dlis-shop.pl/wyglad-i-nawigacja/

[← System D-LIS](/system-dlis/)
          Funkcja 08 z 13

## Wygląd i nawigacja

        Kolory, kroje pisma, menu i krótkie ogłoszenia dla gości ustawiasz w panelu i od razu widzisz je na stronie. Do codziennych zmian nie potrzebujesz kodu — a gdy chcesz dopracować szczegół, kod też ma swoje miejsce.

- Kolory i kroje pisma

- Nawigacja

- Szablony

- Własny CSS

- Komunikaty

- Wyszukiwarka

            Zmiana koloru akcentu i kroju nagłówków w panelu od razu zmienia wygląd strony: przycisk w nagłówku, nagłówek treści i karty

            Biuro nieczynne 11 listopada — zamówienia realizujemy od 12.11
            ✕

            Twoja firma
            Oferta
            Blog
            Kontakt

            Umów spotkanie

-

                Twoja strona

                Twoja strona

                Twoja strona

            Panel · Kolory i typografia

            Kolor akcentu

            Krój nagłówków

                Inter

                Merriweather

                Montserrat

            Zapisano

        Co dostajesz

## Strona wygląda jak Twoja firma, a nie jak gotowiec

### Kolory i kroje pisma

        Kolor akcentu, nagłówek, stopkę, tło treści i karty ustawiasz osobno dla wersji jasnej i ciemnej. Do tekstu i nagłówków wybierasz jeden z dwunastu krojów, z podglądem. Pliki krojów leżą na Twoim serwerze, więc strona nie odsyła gości do Google Fonts.

-

### Nawigacja z przyciskiem w nagłówku

        Menu główne z podmenu, pasek nad nagłówkiem i pasek na dole strony. Obok menu stawiasz wyróżniony przycisk z głównym działaniem, np. „Umów spotkanie” — na telefonie trafia na koniec rozwijanego menu. Nowa strona wpina się do menu jednym polem.

-

### Szablony wgrywane paczką

        Gotowy szablon właściciel serwisu wgrywa paczką ZIP i włącza w panelu. Szablon podmienia tylko te pliki, które zmienia, a resztę bierze z systemu. Do wyglądu bez szablonu wracasz jednym kliknięciem.

-

### Własny CSS

        Gdy chcesz dopracować jeden szczegół, dopisujesz własne reguły CSS — dla całej strony albo tylko dla telefonu. Wchodzą na końcu, więc wygrywają z ustawieniami wyglądu. Tę zakładkę widzi tylko właściciel serwisu.

-

### Komunikaty na stronie

        Krótka informacja dla gości: pasek nad nagłówkiem, ramka pod nim albo notka nad stopką. Wybierasz, na których stronach ma się pokazać i od kiedy do kiedy. Po terminie znika sama.

-

### Wyszukiwarka serwisu

        Pole w nagłówku przeszukuje strony i wpisy na blogu. Ustalasz, ile wyników pokazać, czy podświetlać znalezione słowa i co napisać, gdy nic się nie znalazło.

      Jak to wygląda na co dzień

## Trzy kroki w panelu

-
        01

### Wybierasz kolory i kroje

        W dziale Wygląd klikasz kolor akcentu i krój pisma. Po zapisaniu cała strona przyjmuje nowe barwy.

-
        02

### Układasz menu

        Dodajesz pozycje i podmenu, a w nagłówku stawiasz przycisk, który prowadzi do najważniejszej strony.

-
        03

### Ogłaszasz, co ważne

        Dodajesz komunikat z terminem — na przykład o dniu wolnym — i nie musisz pamiętać, żeby go potem zdjąć.

      [← Poprzednia funkcja

        Kopie zapasowe i aktualizacje](/kopie-zapasowe/)
      [Następna funkcja →

        Bloki treści i pytania](/bloki-i-pytania/)

## Zobacz to w swoim panelu

    D-LIS Light jest darmowy. Pobierz paczkę, zainstaluj ją na swoim serwerze i sprawdź wszystko sam — albo napisz, a pomożemy Ci zacząć.

      [Pobierz wersję {wersja}
        →](/pobierz/)
      [Napisz do nas](/kontakt/)