CSS3 ve jQuery ile Şık Tab Menü Yapımı

Yine yabancı bir kay­nak­tan Türk­çe­leş­ti­re­rek size anla­ta­ca­ğım çok güzel bir tuto­rial. CSS3’ün yeni özel­lik­leri ve jQuery’nin esnek­liği bir araya gelince pek güzel şeyler çıkıyor ortaya. Neyse, uzat­ma­dan kod­ları gös­te­re­yim size:

Kay­nak: spyrestudios.com

    

Bu yazıya 6 yorum yapılmış:

1. 

   Mert2407

   27 Eylül 2010 06:00

   sağo­la­sın Müj­dat. Birde şu senin side­bar tepe­sin­deki tab menü yapı­mını wp tema­mıza nasıl yapa­ca­ğı­mızı anla­tır­mı­sın?

   Cevapla
   • 

     Müjdat Korkmaz

     27 Eylül 2010 12:05

     Tabi ki Mert anla­tı­rım. Boş kal­dı­ğım bir anda yaza­rım bir yazı. Hatta şimdi­den demo şablo­nunu falan hazır­la­ya­yım tab menü­nün falan, yazı kısmı en kolayı zaten.

     Cevapla
2. 

   mert2407

   29 Eylül 2010 04:58

   demo şablo­nuna ne gerek var ? burası demo olabilir. (:

   Cevapla
   • 

     Müjdat Korkmaz

     29 Eylül 2010 10:56

     Yok, şablon yap­ma­mın amacı, ziya­ret­çi­le­rin kod­lara kolayca ula­şa­bil­mesi, mesela yazıda, css, xhtml, js şeklinde ayı­rı­yo­rum. ama şablon hazır­la­yınca, dos­ya­ları indi­rip, ora­dan kod­ları c/p yapıp rahatça ala­bi­lir­sin, yani senin yerine ben yapı­ve­ri­yo­rum anla­ya­ca­ğın, uğraş­tır­ma­mak adına.

     Cevapla
3. 

   fatih

   26 Ekim 2010 06:41

   evet o sağ­daki menü benim de çok hoşuma gitti. sabır­sız­lıkla bek­li­yor ola­ca­ğım

   Cevapla
4. 

   Emre Soner Demir

   03 Eylül 2011 20:03

   $('h2').hide().eq(number).show();
$('p').hide().eq(number).show();

   Kıs­mını

   $('h2').slideUp().eq(number).slideDown();
$('p').slideUp().eq(number).slideDown();

   Ola­rak değiş­ti­rin. Daha bir hoş

   Cevapla