HorizontalMenu with easing
Bir önceki paylaştığım menüden esinlenerek birde sizlere üst menü örneği hazırlamak istedim. Aklımda tasarladığım menü başlıklarından önce fade efekti ile kaybolan bir resmin ardından başlıkların ortaya çıkmasıydı. İşin aslı iyice beynim sulandıktan sonra animasyonlar arasındaki zamanlama hatalarından dolayı ortaya
Grey horizontal navigation
Herhangi bir resim dosyası kullanılmadan hazırlanmış bu üst menü örneğinde bulunan açılır menüler için jQuery kullanılmış. Geri kalan kısmı sadece Css3 kullanılarak hazırlanmış. Bu yüzden sadece Webkitt destekli tarayıcılar üzerinde çalışmaktadır. Mouse linklerin üzerine geldiği an alt kategoriler açılıyor ve mouseyi çektiğiniz zaman da tekrar kapanıyor.
Yavaşça soluklaşan sosyal medya butonları
Font Awasome ve Css3 kullanarak hazırladığım basit bir menü örneği. Bu örnekle ile webesitenizin herhangi bir köşesindesosyal ağ adreslerinizi paylaşabilirsiniz. Mouse ile butonlar üzerinde gezdiğinizde jquery fade benzeri bir şekilde butonların arkaplanında bulunan beyaz renk maviye dönüşüyor ve sosyal ağ ikonuda beyaz oluyor. Mouseyi geri çektiğinizde yine aynı şekilde eski... Read more →
Colorful horizontal nav
İçerisinde resim dosyası bulunmayan Css ve Html5 nav elementi ile hazırlanmış bir navigation menü. Aslında navigation kelimesinin türkçesi navigasyon olarak geçiyor ama internette bu tür örnekler için navigasyon kelimesi pek geçmediği için mecburen ortama ayak uydurmak için navigation diye başlık attım. Menü örneğimizde her link için ayrılmış olan bölüm üzerine... Read more →
DropDown üst-menü çalışması
Sitenizde kullandığınız zaman sayfanın en üstünde sabit bir şekilde duruyor menü örneğimiz. Sayfa aşağı yukarı kaydırdıkça sayfa ile beraber o da aşağı ve yukarı doğru kayıyor. Mouse ile linklerin üzerine geldiğinizde alt menü çerçevesi açılıyor. Çerçeve yüksekliği biraz kalın olsa da tasarım gayet başarılı. Linklerin başlıklarında da text-shadow yani yazılara... Read more →
menuAim.js
Başlık ekledik, resim ekledik ama bir türlü konuya nereden başlayacağıma karar veremedim. Örnekler hep birbirine benzediği için farklı açıklama bulup yazmak biraz zor oluyor. Konuya böyle başlayınca anlatımda rahat oluyor tabi. :=) menuAim adında bir jQuery uygulaması tarafından Ben Kamens geliştirilmiş, sizlerin daha kolay yatay drop down ve resimli menü örnekleri... Read more →
Lavalamp benzeri bir tasarım
Sürekli sitemizi takip edenler okumuştur mutlaka. jQuery Lavalamp Menu adında menüler üzerinde mouseyi animasyonlu olarak takip eden saydam bir nesne eklemeye yarayan bir jQuery eklentisiydi. Css3 Lavalamp menü örneği aynı şekilde çalışan PeHaa Hetman tarafından hazırlanmış bir menü örneği. İlk başta lavalamp menü eklentisi kullanılarak hazırlanmış normal bir üst menü örneği... Read more →
Birbirinden güzel butonlar
Shingo Tamura tarafından jQuery ve Css kullanılarak hazırlanmış animasyonlu bir menü örneği. Menü ikonları yuvarlak olduğu için fazla yer kaplamıyor bu nedenle sitenizde istediğiniz herhangi bir yerde kullanabilmeniz mümkün. İsterseniz üst kısımda isterseniz alt kısımda kullanın bana göre her bölüm için kullanılabilir bir örnek.
