CSS Dersleri
-
CSS Before ve After Sözde Öğelerin Kullanımı
Birçok yerde ki bunlardan birisi de benim sitemdeki ankette olan radio butonlarının şekillendirilmesinin nasıl olduğunu göreceğiz. Eskiden bu tarz düzenlemeleri yapabilmek için bıktıran usandıran kodlar ile taklalar atardık. Şimdi ise Css3 ile gelen düzenlemeler ve kullanımlarla bu şekillendirmeyi çok kolay…
-
CSS Padding ve Margin Özellikleri
Bu dersimizde genel olarak bana padding ve margin arasında ne fark var diye sorulduğunda yazılı olarak pek anlatamıyordum css derslerine başlayınca buna da değinmek istedim. Kısaca mantığımız şu aslında padding yazdığımız nesnenin içten boşluğunu ayarlarken margin dıştan olan boşluğu ayarlamaktadır.
-
CSS ile Kalp Şekli Yapma
Birçok css ve jQuery örneklerine baktıktan sonra çok gaza geldim ve bende bir şey yapmalıyım dedim. Gaza getiren örneklerde örnek hani adam neredeyse pixel pixel kendi portresini yapacak o derece ya! Her neyse bende ne yapsam ne yapsam derken aklıma…
-
CSS İle Metinleri Kolonlara Ayırma İşlemi
Bu dersimizde bazı dergi ve gazetelerde olan kolonlu yazı yapısını css ile nasıl yapıldığını göreceğiz. Dersimizde kolanlara ayırma, genişlik verme, iki kolon arası boşluğu ayırma, kolonlar arasına çizgi koyma gibi işlemlerin nasıl yapıldığını göreceğiz. Bunu yapacağımız kodlar yanlış hatırlamıyorsam İnternet Explorer…
-
CSS !important ile Önemlilik Ekleme
Bu dersimizde css ile yapmış olduğumuz stil tanımlamalarında nasıl öncelik atarız onu göreceğiz. Doğru bir biçimde css kullanımı için oluşturulan div yapısındaki id ve class kullanımları göz önünde bulundurularak css ve html yapımızı oluşturuyor sonrasında ise öncelik işlemi belirterek işlemimizi…
-
CSS ile Kelimelere ve Harflere Boşluk Vermek
Bu dersimizde css ile kelimeler ve harfler arasında boşluk nasıl verilir onu göreceğiz. Dersimizde işlenen konuya ait dokümanları indirebilir oradan da bakabilirsiniz. Kısaca açıklamak gerekirse; Kelimeler arasında boşluk vermek yada boşlukları kaldırmak için : word-spacing kullanılmaktadır. Harfler arasında boşluk vermek yada boşlukları…
-
CSS ile Taşan Kelimelere Müdahale Etmek
Bu dersimizde bir çoğumuzun sıkıntısı olan ardışık olarak yazılan yazıları belirlediğimiz kutucuktan taşmasıdır. Bunu çözümünü php ile yapanlar olduğundan eminim. Şu kadar harften sonra alta geç gibisinden. Artık öyle saçma kodlar ile uğraşmanıza gerek kalmayacaktır. Şimdi CSS ile öğreneceğimiz bu…
-
CSS ile Açılır Resimli Reklam Yapmak
Bu dersimizde css bilgilerini kullanarak açılan reklam alanlarının nasıl yapılacağını göstereceğim. Bir çok sıkıntılardan dolayı derslere ara vermek zorunda kalmıştım ama dönüşüm çok daha iyi olacağının garantisini verebilirim. Bu derste css ile bir resim dosyasının ilk önce belli bir kısmını…
-
CSS ile Seçilen Yazıları Renklendirme
Bu dersimizde css ile selection özelliğini kullanarak seçilen yazıların rengini ve arkaplan rengini nasıl değiştireceğimizi öğreneceğiz. Buradaki seçilen kısmındaki kasıt mouse ile yapılan yazı veya alan seçimidir. Tabi bu seçim sadece mouse ile değil klavye ile de yapılabilirdi. Ctrl +…
-
CSS ile Opacity Kullanımı
Bu dersimizde css de yer alan Opacity özelliği ile nesnelere nasıl saydamlık verilebileceğini göstereceğim. Derste opacity’nin özelliğini anlatmamdan başka olarak iki tane de uygulama yaparak nasıl kullanılacağı hakkında fikir sahibi olmanız açısından örnekler vereceğim. Tasarımlarda fazla göze batmasını istemediğiniz alanlarda…