Etiket: css

HTML lifestyle, makyaj, güzellik vs. konulu paylaşımların yapıldığı etiket.

Stylish: Sitelere CSS İle Müdahale Etme Eklentisi

Siteleri daha kullanışlı ve güzel hale getirebilmek için CSS ile müdahale etmenize yarayan süfer bir eklenti. Mağara esprilerinden önce hemen belirteyim ki bu tarz eklentilerin var olduğunu biliyordum ama gerçekten kullanmak bugüne kısmet oldu.





CSS Eğimli Arka Plan Çubukları

Bir sebepten dolayı eğimli arka plan deseni eklemek istiyordum. Hatta bir kaç resim de buldum ama ya resimler tekrar ederken denk gelmediler, ya boyutu çok büyüktü ya da ısınamadım. Ben de madem öyle CSS ile yapayım dedim ve biraz araştırmanın sonucunda işime yarayan bir çözüm buldum.





CSS Resmi Siyah – Beyaz Yapma

kariyer.net sitesindeki reklamların normalde siyah – beyaz görünmesi ama mouse üstüne gelindiğinde renkli hallerine geri dönmesi muhabbetini merak ediyordum. Aslında jquery ile de çözüm varmış ama ben CSS ile hazırladığım çözümü paylaşacağım.





div İçindeki img Etiketini Ortalamak

div içinde bir img etiketi oluşturdum ama gel gelelim bir türlü ortalayamadım sola yapıştı kaldı. Biraz araştırdım ve çok hoşuma giden bir çözüm buldum. Çözüm o kadar basit ki, aklıma gelmediği için kendime kızdım biraz.





Font Awesome CSS İçinde Kullanımı

Beni biraz uğraştıran bu konuyu buraya kaydetmek istedim. Genelde etiketi bulup yabıştırdığımız Font Awesome ikonlarını CSS içinde nasıl kullanabiliriz? Cevabını hep beraber görelim.





div ve css İle Çerçeve Yapımı

Çerçeve dediğim kenarı çizgi şeklinde olan bir div. Siteye eklediğim bazı resimlerin arka plan rengi beyaz oluyor ve bu beyaz arka plan resmin kendisinden daha geniş olabiliyor. Bu durumda resmin gerçek boyutu tam anlaşılmıyor ve kafa karıştırıyor. Buna böyle bir çözüm düşündüm. Resmi kenarlıklı esnek bir div ile sarmak.





CSS Öğrenmek İsteyenlere 5 Tavsiye

CSS’ye ısınamadınız mı? CSS öğrenmek istiyorsunuz ama hatalar vs. sizi çok mu sıkıyor? CSS kodları gözünüzde çok mu büyüyor? CSS anlatanlar hep basit şeyler mi anlatıyor? O zaman işinizi (belki de haddinden fazla) kolaylaştıracak, belki de zaten bildiğiniz şeyleri bir daha gözden geçirmenize sebebiyet verecek birkaç şey yazayım dedim.





CSS kodlarınızı onaylatın.

CSS kodlarınızın web standartlarına uygunluğunu denetlemek için W3C’nin bir hizmeti olann CSS validator web sitesini kullanabilirsiniz. Gelin hem kısaca tanıtayım oradan da göndereyim sizi.