Esempi di Social Media Icons

Questa è una delle varianti più diffusi del widget. Le icone hanno una forma rotonda e sono colorate con colori originali dei social network. Il layout Inline dispone le icone in una riga. È una buona variante per un'area di contenuto di qualsiasi sito web.

Se scegli il layout Floating, il widget si sposterà lungo la pagina, seguendo lo scroll e resterà sempre a portata di mano. Questo tipo di layout può essere allineato a qualsiasi lato dello schermo e verrà riorganizzato in orizzontale, se scegli l'allineamento centrale. Le icone qui sono quadrate con lo stile predefinito.

Queste icone sembrano assolutamente uniche grazie alla soluzione cromatica in bianco e nero. I colori dello sfondo e il simbolo del supporto sono stati modificati nelle impostazioni. Le icone sono in linea e allineate al centro. C'è anche un effetto di animazione al passaggio del mouse.

Per adattare il widget al concetto generale dello stile, puoi cambiarne completamente l'aspetto. Qui le icone hanno lo sfondo bianco ei simboli dei media hanno salvato i colori originali per salvare l'autenticità. La forma arrotondata e la larghezza personalizzata li hanno resi minimalisti.

Grazie allo stile Symbol applicato a questo widget, le icone vengono visualizzate senza lo sfondo. Le icone dei media hanno salvato i colori originali e sembrano estremamente minimaliste. L'animazione zoom viene visualizzata al passaggio del mouse e ci sono anche altre varianti di animazione che puoi scegliere.

Puoi visualizzare qualsiasi numero di icone sulla pagina e questo esempio dimostra che avranno un bell'aspetto, qualunque sia il numero. Ci sono 8 icone disposte su una riga e allineate al centro. Tutti hanno colori originali di sfondo e simboli e mostrano l'animazione di rimbalzo quando si passa con il mouse.

Questo esempio mostra come indirizzare gli utenti ai tuoi canali in Messenger direttamente dal sito web. Le icone in questo esempio hanno una dimensione moderata di 32 px e hanno la forma di un cerchio. I colori originali dei messaggeri vengono salvati in background e i simboli stessi sono bianchi. Queste opzioni, così come altre impostazioni di personalizzazione, possono essere facilmente modificate nell'editor.