Przykłady Ikony Social Media

Jest to jeden z najpopularniejszych wariantów widżetu. Ikony są okrągłe i ułożone w jednej poziomej linii - dzięki wbudowanemu układowi widżetu. Chociaż możesz wybrać dowolny kolor tła, tutaj zachowane są oryginalne kolory media, a ich symbole są białe. Jest to dobry wariant dla obszaru treści dowolnej strony internetowej.

Jeśli wybierzesz układ pływający, widżet będzie poruszał się po stronie, podążając za zwojem, dzięki czemu będzie zawsze pod ręką. Ten typ układu można wyrównać do dowolnej strony ekranu i zostanie zmieniony na poziomy, jeśli wybierzesz wyrównanie do środka. Ikony są tutaj kwadratowe z domyślnym stylem.

Te ikony wyglądają absolutnie niepowtarzalnie dzięki czarno-białemu rozwiązaniu kolorystycznemu. W ustawieniach zmieniono kolory tła i symbol sieci. Ikony są wbudowane i wyrównane do środka. Istnieje również efekt animacji po najechaniu kursorem.

Aby dopasować widżet do ogólnej koncepcji stylu, możesz całkowicie zmienić ich wygląd. Tutaj ikony mają białe tło, a symbole mediów zachowały natywne kolory, aby zachować autentyczność. Zaokrąglony kształt i niestandardowa szerokość sprawiły, że wyglądają na czyste i minimalistyczne.

Dzięki stylowi Symbol zastosowanemu do tego widżetu ikony są wyświetlane bez tła. Ikony mediów zachowały natywne kolory i wyglądają maksymalnie minimalistycznie i czysto. Animacja powiększenia pojawia się po najechaniu kursorem, a do wyboru jest więcej wariantów animacji.

Możesz wyświetlić dowolną ilość ikon na stronie, a ten przykład pokazuje, że będą wyglądać świetnie - niezależnie od liczby. Tutaj 8 ikon są rozmieszczone w jednej linii i wyrównane do środka. Wszystkie mają natywne kolory tła i symboli oraz wyświetlają animację odbijania po najechaniu kursorem.

Ten przykład pokazuje, jak możesz kierować użytkowników do swoich kanałów w komunikatorach bezpośrednio ze strony internetowej. Ikony w tym przykładzie mają średni rozmiar 32 piksele i kształt koła. Oryginalne kolory komunikatorów są zapisane w tle, a same symbole są białe. Te opcje, a także więcej ustawień dostosowywania można łatwo zmienić w edytorze.