Web sitelerinde popüler metin biçimlendirmeleri kullanmak oldukça çekici olabilir. Bunun için bu yazıda, inset tipografi için örnek bir çalışmayı CSS kullanarak yapacağız. Bir arkaplan üstünde metin biçimlendirmesi yapacağız. Tamamen CSS kullanarak yapacağız. Bu uygulamayı H1 etiketine uygulayacağız. Öncelikle HTML biçimlendirmemizi yapıyoruz. H1 etiketi ve yazının arkasına bir arkaplan ilavesi için DIV etiketini kullanacağız. Şimdi arkaplan [...]

Uzun bir aradan sonra CSS temelleri dersimize kaldığımız yerden devam ediyoruz. Bu yazı için giriş yaptığımız sayfaya buradan ulaşabilirsiniz. Bu konuda ise 4. maddemizde yer alan sıralı ve sırasız listelemeleri anlatacağım. Sıralı ve Sırasız Listeler (Ordered and Unordered Lists): <ol> sıralı listeleme, numaralandırma ile belirlenmiş öğeleri listelemek için kullanılır. <li> sırasız listeleme, bullet dediğimiz ikonlar [...]

Metin kutuları veya resimlerde çeşitli efektler elde etmek için bazı basit hileler paylaşmak istiyorum. CSS ile klasik border efektleri dışında ışıklı gölgelerde kullanabiliriz. Light Shadow dediğimiz ışıklı gölge için gri tonlar kullanılabilir. CSS3 ile gerçek bir ışıklı gölge yapabilirsiniz. Light Shadow CSS Kodları: Rounded Corners CSS3 ile köşeleri yuvarlatılmış kutularda yapabilirsiniz. Örnek: CSS Kodları: Beveled [...]