Css3 ve Xhtml ile Apple.com Tarzı Navigasyon Yapımı

Xhtml/Css | | 17 Nisan 2010

Yeniden Merhabalar. Yine bir uygulama yazısı ile karşınızdayız. Bu kez de basit kodlar kullanarak etkili bir navigasyon örneği yapmaya çalışacağız.

Bu yazımızda sizlerle Css3′ün Linear Gradient özelliğinden yararlanarak Apple.com sitesindeki gibi bir navigasyon tasarımını nasıl yapacağımızı konuşacağız. Dilerseniz uygulamaya geçmeden önce neden böyle bir örneği oluşturmaya gereksinim duyduk bundan bahsedelim.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (10kb)

Css3 ve jQuery ile Youtube Benzeri Açılır Menü Yapımı

Javascript, Xhtml/Css | | 4 Nisan 2010

Merhabalar. Bildiğiniz üzere Youtube kısa bir süre önce tasarımını değiştirdi. Bir takım küçük değişikliklerle tasarımın hem sade hem de daha kullanışlı tutulmaya çalışıldığını görüyoruz. Bana kalırsa bu konuda oldukça başarılı gidiyorlar.

Youtube’da üye girişi yaptıktan sonra üst sağ alanda yer alan navigasyon sadeliği ve etkili görünümü ile çok hoşuma gitti. Bu yazımızda bu tarz bir menü sistemini basit kodlar yazarak nasıl yapabileceğimizi anlatacağız.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (8kb)

Css3, Xhtml ve jQuery ile Dikey Tab Menü Yapımı

Javascript, Xhtml/Css | | 30 Mart 2010

Uzun bir aradan sonra yeniden merhaba. Bu makalemizde yine sizlerle bir navigasyon uygulaması paylaşacağız.

Bu uygulamamızda Css3, Xhtml ve jQuery ile ikon destekli dikey (vertical) tab menü (veya tab navigasyon da diyebiliriz) uygulaması yapacağız. Tab menümüzü oluşturduğumuz aşamaları da makalemiz sonunda sizlerle konuşacağız. Dilerseniz hemen kodlarımızı yazmaya başlayalım.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (16kb)

 

Css3, Xhtml ve jQuery ile Yatay Açılır Menü Yapımı

Javascript, Tasarım, Xhtml/Css | | 28 Şubat 2010

Css3, Xhtml ve jQuery ile Yatay Açılır Menü Yapımı Uzun bir aradan sonra yeniden merhabalar. Bu makalemizde Css ve Xhtml ile klasik bir yatay açılır menü yapacak daha sonra bu menümüzü jQuery ile biraz dinamik hale getireceğiz.

Menümüzü oluştururken Css3′ün bir takım özelliklerinden de yararlanacak ve görünümü daha iyi hale getirmek adına menü kodlarımızda kullanacağız. Şimdi dilerseniz hemen uygulamamıza geçelim.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (3kb)

jQuery ve Css3 ile Yatay (Horizontal) Gölge Menü Yapımı

Javascript, Xhtml/Css | | 31 Ocak 2010

Css Merhabalar. Birçok tarayıcının güncellenmesiyle artık biz de Css3 kodlarımızı daha sağlıklı çalıştırır hale geldik. Özellikle Firefox 3.6 üzerinde yaptığımız uygulamaları daha iyi görme şansımız var.

Bu makalemizde de Css ile basit bir yatay menu yapacak, bu menüye gölge efekti verecek ve biraz da jQuery ile animasyon katacağız. Özellikle box-shadow ve border-radius bu makalemizde üzerinde duracağımız konulardan.

UYGULAMA ÖNİZLEME UYGULAMAYI İNDİR (3kb)

Css, Xhtml ve Photoshop ile Açılan Navigasyon Yapımı

Photoshop, Xhtml/Css | | 18 Kasım 2009

Css, Xhtml ile Açılan Navigasyon YapımıUzun bir aradan sonra yine merhabalar. (Yazmayalı çok uzun zaman olmuş gerçekten) Bu makalemizde sizlerle web tasarımında son dönemlerde oldukça sık kullanılan açılır navigasyonları nasıl oluşturacağımızı anlatacağız.

Hemen belirtmeliyim ki bu makaleyi yazarken Smashing Magazine‘in yeni tasarımından esinlendim.  Kategorileri görüntülediğimiz menü oldukça hoşuma gitti. Bu tarz bir menü yapımını sizlerle paylaşmaya karar verdim.

MENÜ ÖNİZLEME MENÜ DOSYASI İNDİR

Ext Core ile Kategorileri Açılır Menü Şeklinde Gösterme

Javascript, Tasarım, Wordpress | | 17 Temmuz 2009

extmenu
Merhabalar. Ext Core tıpkı bilindik diğer Javascript kütüphaneleri gibi bir kütüphane. Bu kütüphane ile oluşturulan uygulamaları çok seviyorum. Hızlı ve kolay uygulanabilir yapısı nedeniyle son projemde bu kütüphaneyi kullanmaya karar verdim. Özellikle uygulamalara giydirilen tasarımlar çok hoş ve uygulamanın göz alıcı olmasını sağlıyor.

Bu yazımızda sizlere Ext Core Menu bileşeni kullanarak Wordpress sitelerimizde kategorilerimizi bu menü ile nasıl göstereceğimizi anlatacağım. Bir nevi Ext Core Menu’yü Wordpress tabanlı sitemize entegre edeceğiz ve böylelikle kategorilerimizin açılır bir menü ile görünmesini sağlayacağız.

Siteniz İçin: Easy Tabs Menü Kurulumu ve Kullanımı

Javascript, Tasarım | | 22 Mayıs 2009

Merhabalar. Bu gönderimizde sizlere t-infection.com sidebar üzerinde kullanmış olduğumuz Easy Tabs menüyü ve kullanımını anlatacağız. İletişim formu yoluyla bize ulaşan Oğuz’a selamlar :)

Efendim, sitemizde kullanmış olduğumuz tabmenü Koller Jürgen‘in geliştirmiş olduğu EasyTabs‘ın 1.2 sürümüdür. Bu menü kullanımının kolay oluşu, onmouseover özelliği sayesinde tab’lar arası kolay geçiş sayesinde tercihim oldu. Ayrıca biraz Css bilginiz varsa menünün birçok alanına müdahale edebiliyorsunuz. Tüm bunlarla birlikte menünün “Autochange” özelliği ile tablar kendi arasında otomatik olarak sırayla açılabiliyor. (dilerseniz bu özelliği kaldırabiliyorsunuz)

Şimdi gelgelelim menümüzü indirip kullanmaya. Öncelikle Kollermedia.at sitesinden menümüzü indiriyoruz. İndirmiş olduğumuz paketi klasör olarak dışarıya çıkarıyoruz. Sonrasında yapmamız gereken adımlar şunlar;

20 Muhteşem Javascript Navigasyon Tekniği ve Örnekleri

Kısa Kısa | | 2 Mayıs 2009

Sixrevisions.com yine güzel bir derlemeye imza atmış. Çeşitli Js kütüphaneleri ve salt Js ile yapılmış olan navigasyon çeşitlerinden 20 tanesini derlemişler. Bazılarını ben de görmemiştim, iyi bir kaynak oldu.

CssTricks’den Basit bir jQuery Dropdown menü

Kısa Kısa | | 26 Şubat 2009

Az önce gördüm çok hoşuma gitti, Css-tricks.com sitesinde menü ile ilgili detaylı bilgi alabilir, önizlemesini görebilir ve dilerseniz bilgisayarınıza indirebilirsiniz.

Sayfa 1 | 2 Sayfa12»