menu Pokaż opcje

Jak ustawić wygląd licznika?

Wygląd licznika możesz dostosować w bardzo prosty sposób do Twoich potrzeb. Dzięki temu licznik bardzo estetycznie wkomponuje się w Twoją stronę czy też wyróżni na tle innych elementów strony.

 

W tym celu wystarczy że ustawisz zgodnie z Twoimi upodobaniami każde z 9 parametrów.

  1. Pozycja licznika
  2. Wyrównanie
  3. Style
  4. Wielkość licznika
  5. Przestrzeń między grupami
  6. Kolor elementów
  7. Kolor cyfr
  8. Kolor tła
  9. Kolor etykiet i tekstu

Pozycja licznika

Opcja ta pozwala na ustalenie gdzie na Twojej stronie ma zostać wyświetlony licznik.

Dostępne masz tu trzy opcje. Po wybraniu jednej z nich w podglądzie licznika nie zobaczysz wizualnie żadnej zmiany. Efekt wybranej pozycji licznika będzie widoczny po wklejeniu kodu na stronę i wyświetleniu jej.

  1. Przyklejone do góry- pozycja ta oznacza, że licznik zostanie wyświetlony na górze Twojej strony
  2. Przyklejone do dołu- wybierając ta opcję licznik pojawi się na dole Twojej strony
  3. W treści- opcja ta pozwala na umieszczenie licznika w dowolnym miejscu na stronie, gdzie tylko masz na to ochotę. Aby licznik pojawił się w wybranym przez Ciebie miejscu należy wkleić dodatkowy wygenerowany kod w miejscu, w którym chcesz aby pojawił się licznik.

Wyrównanie licznika

Dzięki temu parametrowi możesz swój licznik przesunąć do lewej lub prawej strony ekranu jak także wyśrodkować go.

Wyśrodkowanie

Efekt wizualny wyśrodkowania widać w podglądzie licznika

Do lewej

Efekt wizualny widoczny w podglądzie licznika

Do prawej

Wygląd licznika po wyrównaniu do prawej widoczny na podglądzie

Style

Na chwilę obecną dostępne są dwa style

  • Standardowy
  • Chrom

Standardowy wygląd licznika prezentuje poniższe zdjęcie. Jak widać elementy umieszczone są w prostokątnych formach. W stylu tym zarówno cyfry jak i etykiety znajdują się w prostokącie.

Styl Chrom w odróżnieniu od standardowego w obszarze prostokąta zawiera tylko cyfry. Nazwy etykiet zostają poza tym obszarem.

Wielkość licznika i przestrzeń między grupami

Opcja ta pozwala na dostosowanie wielkości licznika. Przesuwając suwakiem przy “Wielkość licznika” odpowiednio pomniejszają się lub powiększają wszystkie pola, cyfry, napisy. Natomiast operując suwakiem przy przestrzeni między grupami odpowiednio zmienia się odstęp pomiędzy polami (prostokątami).

Kolory

Dzięki tym bogatym możliwością ustawień kolorów możesz dostosować licznik do własnych potrzeb.

Możesz osobno ustawiać

  1. Kolory elementów (prostokątów)
  2. Kolory cyfr
  3. Kolory tła
  4. Kolor etykiet i tekstu

Aby wybrać własne odcienie wystarczy, że klikniesz w kolor elementu jaki chcesz zmienić a pokaże Ci się paleta barw. Przesuwając myszką kursor wybierasz własny kolor. W polu z # możesz sam podać kod koloru jaki np sobie skopiowałeś z jakiejś strony.

Przykładowy dobór kolorów.

Nowe opcje wyglądu licznika beTIMES

W beTIMES dodałem nowe opcje wyglądu licznika. Szczegółowo omawiam je w powyższym wideo. Jakie to nowości?

1. Gotowe schematy kolorów

2. Nowy styl licznika: MINI

3. Wezwanie do akcji

4. Licznik tylko w treści strony

5. Licznik przyklejony i w treści jednocześnie

6. Pływający licznik

7. Zaokrąglone rogi

Gotowe schematy kolorów

Przydatne, jeśli nie masz pomysłu na to, w jakim kolorze zrobić licznik.

Styl mini

Blok z licznikiem jest mniejszy, niż standardowy.

Wezwanie do akcji

Możesz teraz dodać przycisk z CTA, który będzie widoczny na bloku z licznikiem.

Licznik przyklejony i w treści jednocześnie

Możesz ten sam licznik umieścić w treści strony i przykleić go u góry lub na dole.

Pływający licznik

Blok licznika, który jest przyklejony u góry lub na dole, nie przylega do krawędzi strony. Kiedy scrollujemy stronę widać, jakby licznik na niej pływał.

Zaokrąglone rogi

Wybierając opcję pływający licznik, możesz zaokrąglić rogi bloku z licznikiem. Zarówno, jeśli licznik jest tylko przyklejony u góry lub na dole, jak i wtedy, kiedy jest też wstawiony w treści strony.

Ta strona wykorzystuje pliki cookies. Korzystanie ze strony oznacza zgodę na ich zapis lub odczyt wg ustawień przeglądarki. Więcej informacji znajdziesz w polityce prywatności. OK, rozumiem