Bu makalemizde web sitelerinin yan tarafında (sağda veya solda) Dikey ve Sabitlenen Sosyal İkon Çubuğunun (barının) Html ve Css kodları ile nasıl yapıldığını anlatmaya çalışacağım.
Web sitelerinde kullanılan sosyal ikonlar, kullanıcıları çeşitli sosyal medya platformları gibi harici bağlantılara yönlendirmesi açısından büyük önem arz etmektedir. Bu nedenle de sosyal ikonlar web sitelerinin olmazsa olmazları arasına girmişlerdir.
Web sitelerinin adeta can damarını oluşturan bu uygulamanın Html ve Css kodları ile nasıl yapıldığını anlaşılır bir dille anlatmaya çalışalım.
Şimdi Dreamweaver editörümüzü açarak html kodlarımızı yazmaya başlayalım.
Anlatımı görsel olarak aşağıda ki videodan veya Youtube sayfamdan izleyebilirsiniz.
4 Comments
bu kodları bizimle hazır bir şekilde paylaşır mısınız?sizin sitenizde olduğu gibi ama arka planı siyah yapmak istiyorum
YanıtlaSilKaynak kodları indirme linki gerek blog sayfasında ve gerekse youtube sayfasında verildiği için dilediğiniz yerden indirebilirsiniz.
SilArka planı siyah yapmak içinde style.css dosyası içinde ki 31 ve 37 nolu satırlarda ki ikon background renk kodlarını #000 şeklinde değiştirmeniz gerekmektedir.
Örnek:.sosyalikonlar ul li .icon-facebook{background:#000000; gibi.
tşkl ler buraya whatsa ve arama ıkonu felan nasıl eklerız birde mail
YanıtlaSilÖrnekte mail iconu en altta eklidir. WhatsApp ve arama iconlarını da html sayfasında sırasız listelere ekleyerek ve stil kodlarını yazarak oluşturabilirsiniz.
SilYorum Gönder