Sosyal Medya Simgeleri Örnekleri

Bu, widget’in en yaygın varyantlarından biridir. Simgeler daire biçiminde ve tek bir yatay çizgide dizilmiştir — widget’in inline düzeni sayesinde. Arka planın herhangi bir rengini seçebilirsiniz; burada medya öğelerinin orijinal renkleri korunmuş olup simgeler beyazdır. Herhangi bir web sitesinin içerik alanı için iyi bir seçenek.

Yüzen yerleşimi seçerseniz, widget sayfa boyunca kaydırmayı takip eder ve bu nedenle her zaman erişilebilir olur. Bu tür bir yerleşim, ekranın herhangi bir kenarına hizalanabilir ve merkezi hizalama seçerseniz yatay düzende yeniden düzenlenecektir. Buradaki ikonlar varsayılan stil ile kare biçimindedir.

Bu ikonlar siyah-beyaz renk çözümü sayesinde gerçekten benzersiz görünüyor. Arka plan ile medya sembolünün renkleri ayarlarda değiştirildi. İkonlar satır içi ve ortalanmış durumda. Hover’da da bir uçuş animasyonu etkisi vardır.

Widget’i genel stil kavramına uyum sağlamak için görünümünü tamamen değiştirebilirsiniz. Buradaki ikonlar beyaz arka plana sahip ve medya sembolleri özgün renklerini koruyarak özgünlüğü sürdürür. Yuvarlak hatlar ve özel genişlik onları temiz ve minimalist bir görünüme kavuşturuyor.

Bu widget’a Uygulanan Sembol Tarzı sayesinde simgeler arka plan olmadan görüntülenir. Medya simgeleri orijinal renklerini korur ve maksimum minimalist, temiz bir görünüm sunar. Yakınlaştırma animasyonu fareyle üzerine gelindiğinde görünür ve ayrıca seçebileceğiniz birkaç farklı animasyon varyantı da vardır.

Sayfada istediğiniz kadar ikon görüntüleyebilirsiniz ve bu örnek, sayı ne olursa olsun harika görüneceklerini kanıtlar. 8 ikon tek bir satırda düzenlenmiş ve ortalanmıştır. Tüm ikonlar arka plan ve sembol renklerini doğal olarak korur ve fare üzerinde gelindiğinde zıplama animasyonu gösterir.

Bu örnek, kullanıcıları site üzerinden mesajlaşma uygulamalarındaki kanallara doğrudan yönlendirebileceğinizi gösteriyor. Bu örnekteki ikonlar orta boyutta 32px ve daire biçiminde. Mesajlaşma uygulamalarının orijinal renkleri arka planda saklanıyor ve semboller kendileri beyaz. Bu seçenekler ile birlikte daha fazla özelleştirme ayarı da düzenleyicide kolayca değiştirilebilir.