Sosyal ağların günden güne büyümesi tasarımcıları, bu alanlardaki kitlelerini genişletmeye zorluyor. Önceki makalelerimizde birçok sosyal ağ iconu paylaşmıştık. Fakat bu sefer CSS3 desteğiyle performans dostu bir sosyal ağ kutusu hazırlayacağız. Görsel açıdan da şık olan bu kutuyu çok beğeneceksiniz! Nasıl yapılır? Kullanacağımız icon paketi 250′den fazla görseli destekliyor. Bu demek oluyor ki tüm sosyal ağların iconları avucumuzun içersinde. Entypo'nun sahip olduğu iconları görüntülemek için buraya göz atabilirsiniz. Hazırlayacağımız örnekte kullanacağımız sosyal ağ iconları şunlar olacak. Facebook Twitter Google + Linkedin Pinterest Tumblr Stumbleupon Bu listeyi istediğiniz gibi azaltıp çoğaltabilirsiniz. HTML Kodları Çevreleyici olarak section tanımlamasını kullanacağız. Sosyal iconların herbir çerçevesi için &lt;ul&gt;, detaylandırması için ise &lt;div&gt; kullanacağız. HTML: