Merhaba arkadaşlar şimdi sizlere butonun hazırlanışını göstericeğim.ilk önce butonun hem normal hali hemde mouse üzerine glince oluşacak halini tek resim halinde hazırlıyoruz aşağıdaki resimdeki gibi; sonra kodumuzu yazıyoruz; xhtml sayfamızdak kod ; <a class="anasayfa" href="index.html"></a> css alanımızdaki kod ; a.anasayfa... 

Her ne kadar eski tip tarayıcılar (özellikle ie6) bu konuda pek verimli olmasa da, css bir web sitenin olmazsa olmazıdır. Kısaca yeni başlayanlar için ne olup olmadığını birkaç cümle ile açıklayayım; Açılımı “Cascading Style Sheets” olan CSS, bir web sitenin stilini oluşturan elemandır. O olmazsa web sayfamız saf html olarak gözükür.... 

  Geçen hafta başladığımız listeleme özelliklerine devam ediyoruz. Listeleme özelliklerini yaratıcılığınızla birleştirirseniz güzel menüler ortaya çıkabilir. Bu derste list-style-image özelliğini kullanmak yerine arkaplan resim koyup bu şekilde listeleme yapmayı ve yatay listeleme yapmayı anlatıyoruz. Temel düzeyde CSS bilgilerimizi... 

  Bu dersimizde CSS ile listeleme özelliklerini anlatıyoruz. Öğreneceğimiz komutlar: list-style-image  list-style-position list-style-type CSS ile listeleme özelliklerine bu dersten sonra da devam edeceğiz. Özellikle menü oluştururken oldukça işe yarıyor, başlangıç düzeyinde CSS derslerimiz bittiğinde örnek uygulamalar yapacağız. Videoyu... 

  aşlangıç düzeyindeki CSS derslerinde yavaş yavaş sona doğru geliyoruz. Bu dersimizde link biçimlendirme özelliklerini anlatıyoruz. Öğrenceğimiz CSS komutları:  a:link a:visited a:hover a:active Daha önce de söylediğimiz gibi dersleri sırasıyla takip edin, bu dersi izlemeden önce önceki dersleri mutlaka göz atın. Artık... 

  Bir önceki dersimizde kaldığımız yerden devam ediyoruz. İşinize yarayacak genel text özelliklerini bu derste açıklamaya çalıştık. Bu dersimizi izlemeden önce bir önceki dersi izlemenizi öneririm.   Neler Öğreneceğiz? :: letter-spacing :: line-height :: text-transform :: text-align :: text-decoration :: text-indent   Yavaş... 

  Dreamweaver ile CSS derslerimize işlerimizden dolayı epey bir ara vermek zorunda kaldık. Şimdi tekrardan yeni dersler eklemeye başlıyoruz, bunların ilki font özellikleri. Bu dersimizde ihtiyacınız olan tüm font özelliklerini açıklamaya çalıştık. Bu animasyonumuzda bulacağınız font özellikleri şunlar: :: color :: font-family :: font-size ::... 

  Margin Elementlerin etrafındaki boşluk olarak tanımlanır. Hem katman(ID) hem de sınıf(CLASS) seçicilerine uygulanabilir. Kullanım Biçimleri                 :: margin-left: Elementin sol tarafa olan uzaklığı,                ... 

  Hatırlatma: Dersleri en küçük boyut ve en yüksek kalite ile yapmaya çalışıyoruz. Bundan sonra yayınlayacağımız derslerde çok daha iyi sonuçlar aldık. Siz de bunu fark edeceksiniz. Konumuz   Bugün yayınlayacağımız animasyonda göreceğimiz zemin ve kenarlık özellikleri şunlar: Zemin Özellikleri :: background-attachment :: background-color ::... 

Bu tip menüleri javascript ile yapabiliriz. HTML ve CSS ile de daha esnek, kolay düzenlenebilir ve bir çok web tarayıcısı tarafında desteklenen(IE6 ve öncesi dahil) açılır menü yapılabilir. Aslında javascript’e ihtiyaç olmamasına karşın IE7′den önceki sürümler için javascript kodu gerekmektedir. Açılır...