Bilge v2 WordPress Teması

Herkese merhaba, kısa bir süre önce Bilge adında bir wordpress teması çıkarmıştım. Beğenenler oldu, beğenmeyenler oldu, alıp kullananlar oldu. Beğenen ya da beğenmeyen, yorum yapan herkese çok teşekkür ediyorum.

Sizden aldığım geri dönüşlerin doğrultusunda yaklaşık 1 hafta önce kadar temanın ikinci versiyonu üzerinde çalışmaya başlamıştım. Bitirmek bugüne kısmet oldu. İsterseniz daha fazla uzatmadan, temada yeni ne var, nereleri değiştirdim bunlardan bahsedeyim.

Jquery ile Sınıf Ekleme Çıkarma Animasyonları

Jquery dili ile bir HTML nesnesinin sınıfı üzerinde değişiklik yapabilirsiniz.

Bir nesnenin sınıfını değiştirmek için addClass, removeClass, toggleClass ve switchClass fonksiyonları kullanılır. Bunlardan Jquery ve Niteleyiciler (Attributes) adlı yazımda bahsetmiştim, bu yazımda ise bu fonksiyonları animasyon şeklinde kullanmaya çalışacağız.

Jquery UI Efekt kütüphanesi ile birlikte sınıf ekleme çıkarma fonksiyonlarını daha efektiv bir şekilde kullanabilirsiniz. Bunun için öncelikle gerekli kütüphaneleri sayfanıza eklemelisiniz.

<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript" src="jquery.effects.core.js"></script>

Jquery animate Fonksiyonu ile Renk Animasyonu

Jquery ve Efekt Fonksiyonları adlı yazımda animate fonksiyonundan bahsetmiştim.

Animate fonksiyonu css özelliklerini kullanarak yeni efektler yaratabilmeniz için oluşturulmuş bir fonksiyondur. Fonksiyonun kullanımını anlatırken, kullanılan css özelliklerinin sayısal değerler olması gerektiğini de söylemiştim.

Jquery UI efekt kütüphanesi ile birlikte sayısal css özelliklerine ek olarak belli başlı css özellikleri de animate fonksiyonu için kullanılabilir hale getirilmiştir. Bu özellikleri aşağıdaki gibi listeleyebiliriz ;

Jquery ile Sıralanabilir Nesne Grupları Yaratma – Sortable

Merhaba, bu yazımda jquery ile sortable nesne grupları oluşturmayı anlatmaya çalışacağım.

Dikkat ettiyseniz nesne grupları diyorum. Yani birden fazla, aynı cinsten nesneyi kendi aralarında sıralamaya çalışacağız. Daha anlaşılır olması açısından buradaki örneğe bakınız. Örnekte <li> etiketleri birbirleri arasında yer değiştirebiliyor. Sürüklenebilir olması açısıyla draggable nesnelere de benzemiyor değiller.

Ne yapmaya çalıştığımızı anlattıktan sonra işin detayına girelim, öncelikle gerekli kütüphaneleri sayfamıza entegre etmemiz gerekiyor.

Arama
RSS
Beni yukari isinla