VebLebi

Şurada basit bir wordpress teması hazırladığımdan bahsetmiştim… Bu gün itibariyle tema bitmiş durumda, manşet, orta ve alt özel alanları(widgets) tamamladım.. Aşağıdaki demo linkine tıklayarak inceleyebilirsiniz..  Bazı eksiklerin giderilmesi ve test aşamasının bitiminden sonra temaya indirme linki ekleyecem… DEMO yu buradan inceleyebilirsiniz… Resimi büyütmek için üzerine tıklayın…

Çok kapsamlı ve görselliği üst seviye de bir çalışma olmasa da, bitirdiğimde basit bir biçimde geçtiğim adımları anlatacak ve tema tasarımı hakkında bilgi vereceğim. Daha sonra da indirme ve demo linki oluşturacağım. Şu anda ana sayfa, sidebar ve orta özel alan(widget) tamamlanmış durumda…

JQuery ile basit bir buton yapıyoruz. Örneğimizde kısa bir yazının, devamını görüntülemeyi kullandık. Bunun için div, p ve span taglarını kullandık… Span tıklandığında, click fonksiyonu çalışacak ve kısa yazımızın tamamı görüntülenecek, kapat butonu tıklandığında ise tekrar kısa ön yazıya dönülecek… 2 Adet içerik kullandım, birisi kısa ön yazı, diğeride devamına tıkladığımızda görüntüleyeceğimiz yazının tamamıdır. Butonlara [...]

Bu hafta için seçtiğim 10 adet wordpress teması. splendio  - Demo / İndir

Fırça, bıçak ve kağıt….   GIMP Programı ile Bob Ross tarzı   Bob Ross (hızlı çekim)

JQUERY ve CSS ile basit açılır menü… Örneği Buradan İnceleyebilirsiniz.. İlgili sayfanın kaynak Kodlarına bakarak kodları kopyalayıp, html sayfası olarak kaydetmeniz yeterli olacaktır… Üst öğemizin arka plan resmi ise aşağıdaki gibidir. HTML sayfanızın yanına kopyalamanız yeterli olacaktır.. $(document).ready(function(){ $(“.icerik”).hide(); $(“h2.ustoge”).click(function(){ $(this).toggleClass(“active”).next().slideToggle(“fast”); }); }); H2, class ustoge olan tagımızın click olayına icerik tagımızın acılmasını sağladık.. slideToggle(“fast”) yerine slideToggle(“slow”) [...]

Ekstra uğraşa gerek kalmaksızın CSS ile açılır menü yapıyoruz. CSS Kodlarımız… #menü, arka plandaki div tagımız. Böylelikle arka planımız sayfayı boydan boya kaplarken, ekstra bir uğraşa girmeksizin menümüzü de ortalayabiliyoruz. .hmenu(horizontal(yatay) menü) ana menumuz oluyor, tabi içinde ise menü elemanlarimiz var. bu durumda menümüz ul ve li etiketlerinden oluşmaktadır. ul.hmenu ana menümüz ise onun içerisindeki diğer [...]

Bu yazımda CSS ile resimlerin otomatik boyutlandırmasına değineceğim. Varsayalım bir site tasarlıyoruz ve kullanıcıların eklediği resimlerin tasarım alanlarımızın dışına taşmasına engel olmak istiyor, engel olurken de resmin görünümünü bozmadan küçültmek istiyoruz. Ya da bizim dışımızda üyelerinde veri girdiği bir paylaşım sitemiz var ve böylesi bir sorunla karşı karşıyayız… Bu sorunu çözmek için, kod yazarak  resmin [...]