Merhabalar. Blogumda yayınladığım kaliteli ve gerçekten işe yarar yazılarımdan olmaya aday olarak gösteriyorum bu paylaşımı. Bir çok kullanıcının işini kolaylaştıracak veya hızlandıracak olan hazır css template’leri yani şablonları. Sitede fazlasıyla çok css şablonu bulunuyor…

 
Sitelerinizde genellikle oval grafikler kullanmayı tercih ediyorsanız bu makaleyi baştan sona okumanızı tavsiye ediyorum. Kullanacağım kodlar ile sadece 1 pikseli kesip oval tablolar oluşturabiliriz. Bunun başka yollarıda mevcut. Onlarıda diğer yazılarıma saklıyorum. Hemen kodlama işlemimize geçelim ne dersiniz ?
li a {

  display:block; /* gerekli kodumuz */

  border: solid #666;

  border-width: 0 1px; /* sol ve [...]

Merhabalar. CSS ile değişen buton yapımını öğreneceğiz. Hemen dersimize geçelim
İlk önce üzerine gelmeden önce yani resmimizin ilk halinin kodunu yazalım ve şeffaflık değerini “30″ olarak verelim ;
.l_opac {
-moz-opacity:0.3;
filter:alpha(opacity=30);
}
Bu kodla birlikte resmimizin şeffaflığı 30 olacaktır. Şimdi ise üzerine gelindiğinde alacak değerini yazalım yani “100″ ;
.f_opac {
-moz-opacity:1;
filter:alpha(opacity=100);
}
CSS kodlarımız bukadar şimdi HTML kodlarımızı yazmaya geçelim.
<img src=”buton.png” [...]

Merhabalar. CSS konusunda yeni iseniz, ilk etapta hazır css kodlarını inceleyip kodların nasıl işlem gördüğünü anlamaya çalışmalısınız. Bunun için aşağıdaki linklerden yola çıkarak CSS hakkında çeşitli bilgiler edinebilir kendi kodlarınızı yazabilirsiniz. Aşağıda vereceğim linkler menü yapımı vb. işlemler. Buyrun ;
http://www.13styles.com/
http://www.cssplay.co.uk/menus/
http://www.dynamicdrive.com/
http://www.smashingmagazine.com/..solutions/
http://webdeveloper.econsultant.com/..tabs/
http://www.alvit.de/..showcase.php
Ayrıca CSS hakkında ders takibi yapmak istiyorsanız Fatih Hayrioğlunun blogunu takip edebilirsiniz.