Navigasyon Menü

CSS ile Navigasyon Menü Tasarlayalım

CSS3 ile birlikte tasarım yelpazemiş genişledi. HTML5 ile de kod dizinlerimiz daha derli toplu bir hal aldı. O zaman bu avantajları kullanarak yeni bir navigasyon menü hazırlayalım. Hem de JavaScript kullanmadan!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


WordPress Sitenize Muhteşem jQuery Menüler Hazırlayın

JQuery Vertical Mega Menu WidgetMerhaba arkadaşlar. WordPress eklentileri konulu bu yazımda yeni sayılabilecek bir menü eklentisinden bahsedeceğim.

JQuery Vertical Mega Menu Widget isimli bu eklenti WordPress sitenize gayet şık menüler eklemenizi sağlıyor. Bu işlemi ise neredeyse saniyeler içerisinde yapıyor. Kullandığı jQuery desteği ile açılabilir yapılabilen menüler sitenize widget olarak ekleniyor. Ayrıca sizler için hazırlanmış 8 adet menü tasarımı gayet şık duruyor.

Hadi incelememizi biraz detaylandıralım. (daha&helliip;)

Devamını Oku

HTML5 ve CSS3 ile Button Örnekleri

Daha önceki yazılarımda HTML5’in yeni elemanlarını tanımıştık. Şimdi onlardan birini, aside’ı kullanarak birkaç button hazırlayalım.

Beraberinde CSS3 ile aramıza katılan çerçeve özgünleştirme özelliklerini de kullanacağız. Ve tabiki :before :after bölümleri ile objelerimizin sol ve sağ taraflarında farklı farklı stiller oluşturacağız.

Aside nasıl kullanılır?

HTML 5 offers a new element to mark additional information that can enhance an article but isn’t necessarily key to understanding it.

Yukarıda da anlatıldığı aside çeşitli metinlere destek amaçlı oluşturulabilecek küçük anlatımlardır. Yazının altında duran alıntı metinler gibi olduğu söylenebilir. Kullanılması zorunlu değildir fakat uzun makalelerde anlaşılabilirliğin arttırılması için tavsiye edilir. Biz ise yeni kod birimini button olarak kullanacağız. HTML5’in temelinde aside’ın button işlevine dair bir anlatım yok. Fakat HTML5’in sunduğu en büyük yenilik özgürlük!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS Kullanarak Button Tasarlamak

Web sayfalarında form objeleri dışında birçok türde buttonlar kullanılmakta. Bu dersimizde link, buttonlar,spanlar ve diğer tüm sınıflar için kullanılabilir kutular tasarlayacağız.

Ne yapacağımıza kısaca değinecek olursak ; ilk olarak basit bir taslak hazırlayacağız, sonrasında ise bu taslak üzerinden 5 adet örnek yapacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

the_category Konu Kategorilerini Gösterme

Merhabalar. Konumuz WordPress’in the_category fonksiyonu.

the_category fonksiyonu query içinde kullanacağımız bir fonksiyon. Örneğin; anasayfamızdaki konuların listelendiği döngünün içinde kullanırsak yazıların hangi kategorilere ait olduğunu yazdırır.

Bu fonksiyonun çalışma prensibini inceleyerek dersimize başlayalım.

(daha&helliip;)

Devamını Oku