Merhabalar,
Bu yazımda Html ve Css kullanarak nasıl yapışkan sosyal bar yaparsınız bundan bahsedeceğim. Bu özellik insanların sosyal medya hesaplarını daha kolay tanıtabilmesini sağlıyor, oldukça basit bir kodlaması olan bu özelliği sizlere açıklayıcı bir şekilde anlatmaya çalıştım umarım beğenirsiniz.
Bu kodları, barımız sayfanın sol tarafına yapışık bir şekilde duracak ve fare ile üzerinize geldiğinizde genişleyecek şekilde yazacağım.
Hadi başlayalım;
Yukarıdaki Html kodlarımızda sosyal medya butonlarının görünebilmesi için bir Css kütüphanesini sayfamıza dahil ediyoruz. Ardından barımız için bir etiket açarak bu etiketin içinede sosyal medya butonlarımız için birer etiket açıyoruz.
Butonların üzerindeki yazılar vb. metin alanlarını kendinize göre düzenleyebilirsiniz.
Evet buradaki Css kodumuz ile barımızın ve barımızın içerisindeki sosyal medya butonlarının temel özelliklerini belirledik. Css ile yapacağımız temel işlerde bu kadar.
İnceleyebilmeniz için Codepen üzerinden de size yapılan işlemi bırakayım.
See the Pen Untitled by Hüseyin Çınar (@huseyin-cinar) on CodePen.
Evet sizde bu şekilde test edebilirsiniz. Umarım işinize yarar.
Mutlu Kodlamalar :)
