bildirgec.org

Bu yazımızda, jQuery ile tab’lı uygulamalar nasıl geliştirebileceğinizi anlatmaya çalışacağım.

Öncelikle kodlamada kullanacabileceğiniz herhangi bir editör açarak, kodları yazmaya başlayarabiliriz! Bu iş için ben Dreamweaver programını kullandım. Yaptığımız çalışmanın çalışan örneği için BURAYI tıklayabilirsiniz. Şimdi tab içeriğini ekleyeceğimiz bir ana tablo oluşturalım;

1
2
3

<div class="tab-tablo">
...
</div>

Stil kodları;

1

.tab-tablo { width:450px; margin:0 auto; }

Bu yazımda sizlere bir tab uygulamasının nasıl geliştirileceğini anlatacağım. Bu uygulamayı aslında web sitem için geliştirmiştim ve acemice yanları olabilir fakat bunu daha sonra biraz daha geliştirerek cstabs ismini verdiğim bir uygulamaya dönüştürdüm. İsteyen buraya tıklayarak bu uygulama ulaşabilir.

Not: Başlangıçdada yazdığım gibi acemice yanları olabilir istediğiniz yönde geliştirmek size ait.

Öncelikle divlerden oluşmuş html tasarımımızı yapıyoruz;