daha önce ücretsiz css menü aracı yazısında kolay bir şekilde css menüleri oluşturabileceğiniz bir uygulamadan bahsetmiştik. bu yazının konusu ise styled menus isimli site.
sitedeki 29 güzel menüden tasarımınıza uygun olanı seçiyor ve gerekli zip dosyasını bilgisayarınıza indiriyorsunuz. imajları sunucunuza yükleyip gerekli kodları css kodlarınız arasına ekleyip gerekli html düzenlemeleri de yaptıktan sonra menünüz kullanıma hazır.
İşte tadından yenmeyecek güzellikle 120 adet css menü örneği.
Hepsi çok güzel, ama daha da isteriz diyenler için BURADA harika css menüler mevcut. Bazıları ücretli bazıları ise ücretsiz. BURADA da harika örnekler mevcut.
BURADA da az sayıda olsada birkaç örnek bulabilirsiniz.
Tomas Bagdanavicius tarafından geliştirilmiş ve ücretsiz olarak sunulan, aralarında NVIDIA.com, Adobe.com, MTV.com sitelerinin menü örneklerinin de yer aldığı, Aşağı Açılır (Drop-Down) css menüler, hız, kullanım ve düzenleme esneklikleri ile site menüleriniz için güzel alternatifler olacaklar.
NVIDIA.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.
css ile menüler yapımı konusunda internette onlarca ücretsiz kaynağa rastlamak mümkün. şurada çeşitli örnekler görebilir; şurada ve şurada kendiniz için menüler yapabilirsiniz. konuyla ilgili bir diğer güzel kaynak ve yazımızın konusu da css menu builder.
sunulan menüleri yine site üzerinden düzenleyerek 1000’in üzerinde farklı kombinasyon oluşturabilirsiniz. menünün biçimini, arkaplan rengini, linkleri belirleyebilir daha sonra sitenin verdiği kodları kendi tasarımınızın kodlarına ekleyerek menüleri kullanabilirsiniz.
buradan basit bir css menüsünün nasıl yapıldığını görebilirsiniz.
buradan da css ile;sayfa kenarlıklarıresmin yanına yazı yerleştirmesayfayı kolonlara bölmesayfa içinde bölüm oluşturmasayfayı dikey veya yatay ortalamamouse üstüne geldiğinde yanıp sönen butonlarmouse üstüne geldiğinde öne çıkan resim gibi bir kaç ugulamanın nasıl yapıldığını görebilirsiniz.
/* menu tabs */#header ul {z-index: 999999;position: absolute;margin:0;padding: 0;list-style:none;right: 13px;font: bold 13px Arial, ‘Trebuchet MS’, Tahoma, verdana, sans-serif;top: 123px;width: 123px;visibility: inherit;
}
Width Değerini Girdiğimizde 1024*768’de sorunsuz görülüyor butonlar fakat çözünürlüğü değiştirtiğimizde sitede butonun yeri kayıyor bunu nasıl ortalarız.? YÜzde işe yaramadı 🙁
CSS kullanarak hazırlanan 37 adet menüden, istediğinizi seçerek, web sitenize nasıl entegre edeceğinizi gösteren CSS kodlarına ulaşabilirsiniz.
Gün geçmiyor ki CSS ile ilgili derleme/toplama kaynaklardan oluşan sayfalar yayınlanmasın.
Bunlardan biri, ancak bu defa sanırım uzun bir çaba gerektirmiş kaynakları bir araya toplamak, çünkü sayı artık 101lere kadar ulaştı.
Css tasarım kaynaklarından, css uygulamalarına bir çok makaleye ulaşmanız mümkün.
