menü | bildirgec.org

her gün harika ve eşsiz css tekniklerinizi paylaşıyoruz ve akla gelicek her şeyi css ile halledebiliyoruz.

Listeler
İnanılmaz li: biraz css kodu ile li tagınını harika şekillerde kullanabilirsiniz.

Daha Güzel Listeler: kendi özgün listelerinizi oluşturabilirsiniz.

Burada css ve gif kullanarak yapılmış güzel bir animasyon menünün nası yapıldığı anlatılmış ve ayrıca demosu da verilmiş. iyi çalışmalar.

Hey Folks! No doubt you've noticed the new login page with The Dark Knight animation when you logged in today. We've also changed the navigation and the user home page (only the new user home, not the classic). The new navigation gives you immediate access to commands without having to return to your home page. Your "inbox" link is now in the main nav - just click "mail" from anywhere on the site. I know it takes getting used to any change, but give it a chance and I think you'll find that things are laid out quite simply. To read more about the nav & home page changes, check the two blogs I posted as preview many months ago: navigation, new home page.

Myspace'in has adamı Tom'un dediği gibi Myspace ufak bir arayüz değişikliğine gitmiş. Myspace'i açtığınız anda ilk değişikliği farkediyorsunuz. Genel bir tarz değişikliği olmuş. Giriş yaptığınızda ise üstteki menüler ve soldaki profil bölmesinde ufak değişiklikler farkediliyor.

Bu yazıda 30 adet sağlam css örneği ve tekniği bulacaksınız. Galeriler, butonlar, menüler ve dahası...

1.Hoverbox Resim Galerisi
Güzel ve kullanışlı bir Hoverbox galeri.

2.Advanced CSS Menu
Yaratıcı ve kullanışlı, gelişmiş bir menü örneği.

3.Açılır Galeri
Akordiyon efektli hoş bir galeri.

jQuery

jQuery , ile yapılmış birbirinden güzel 10 tane uygulama ve uygulamaların nasıl yapıldığı burada anlatılmış. Kısaca değinirsek uygulamalara menüler, slide panel, açılır/kapanır yazı kutuları, resim galerisi, link yanlarına küçük resim{ler} ... var. uygulamaların nasıl yapıldığını detaylı bir şekilde öğrenmek için buraya, uygulamaların demoları için buraya, uygulamaları indirmek için buraya tıklamanız yeterli.

Daha önce yayınladığım Kullanışlı 10 adet Ajax uygulaması bildirisinin yoğun ilgi görmesiyle bu arşiv niteliğindeki ajax, script ve css örneklerini sizler için toplayım derledim. Özellikler formlar ve menülerin çok işinize yarayacağını düşünüyorum. Aşağıda tanıtılan yazılımcıkların tamamını ücretsiz olarak edinebilirsiniz.

Wordpress Aşağı Açılır Menü

Javascipt ve css kullanılarak oluşturulmuş, kategorileri, arşivleri, sayfaları, linkleri bir menü içerisinde isteğimize göre gösterebileceğimiz. Eklentiyi aktif ettikten sonra admin panel de Ayarlar > Suckerfish sekmesini kullanarak yönetebileceğimiz, geliştirilmeye devam eden aşağı açılır menü eklentisi.

ddmenü

ddmenü webhike sitesinin bir projesi. bu projede bizlere sitemiz üzerinde sağ tuşa (ctrl-sağ) tıkladığımızda kişiye özgü bir menü çıkmasını sağlıyor. sağ tuş yasaklama yerine önemli yerlerin linkini vermek için ideal bir programcık.

bu menüyü istediğimiz gibi değiştirebiliyoruz. denemeler sonucunda aşağıdaki tarayıcılarda çalışması sağlanmıştır:

Firefox 2, Safari 3, iInternet Explorer 6/7, Opera 9 (Windows). Firefox 2, Safari 3 (Mac OS X)

Ayrıntılı bir şekilde nasıl yapıldığını ve demo sayfasını görmek için web sitesini inceleyebilirsiniz.

ddmenü

web2.0 Dock Menü | Resmi Büyüt

2210media bizlere web2.0 teknolojili hoş bir menü tasarlamış ve nasıl yapılacağını öğretmiş. bu menü hoş bir görüntüye sahip ancak kullanıcıların dikkatinden kaçma ihtimali yüksek. şöyle ki; menü en üst tarafta saklanıyor ve imleç menü alanına girince hoş bir şekilde aşağıya süzülüyor. menünün demosu nasıl yapıldığını anlatan bir açıklama sitesinde mevcut. menü demosunu görmek ve gerekli dosyaları indirmek isteyenler sitesine şuradan ulaşabilirler.

Profesyonel Ajax | Javascript Scriptler

ajax ve javascript'ler bizlere kolaylık sağlama ve görsellik açıdan gerçekten mükemmel.işte bu yazıda ajax ve javascript ile kodlanmış profesyonel script'leri açıklayacağım başlıyalım ;

• FancyUpload
  Swf ve ajaxla birleşmiş çoklu upload (yükleme) özelliği desteği olan dosya yüklenme yüzdelerini ve işlemin sonlanmasına ne kadar kaldığını gösteren programcık.

FancyUpload

• Coda Popup Bubbles
  aşağıdaki resimden azda olsa anlaşıldığı gibi herhangi bir linkin üzerine gelindiğinde o link hakkında açıklama baloncuğu açılır. ayrıntıları sitesinde detaylı bir şekilde anlatılmış.

Code Popup Bubbles

• Ext JS - JavaScript Library
  Javascript ile hazırlanmış kütüphane scriptinin 2.0 versiyonu. gerçekten güzel bir uygulama. indirmek isteyenler sitesini ziyaret edebilir.

Ext JS

• Taggify Tooltips
  bu script sizlere resimlerinizdeki kişileri tanıtmanız için (popup, tooltips) geliştirilmiş. sitesinde örnek uygulama mevcut. örneklerde görüldüğü üzere bill gates'in kafasına farenin imlecini getince bir açıklama gösterir.

Taggify Tooltips

• Relay - Ajax Directory Manager
  bu çalışma dosya yönetim kütüphanesi script'tidir. kişisel favorim olduğunu söyleyebilirim. site anasayfası için buraya, demo için buraya,indirmek için ise şuraya tıklamanız yeterli.

ReLay

• cforms II
  ajax ile tasarlanan, çoklu tema desteği olan bir wordpress iletişim formu eklentisidir.

cforms 2

• Mootools animated sidebar menu
  mootools sitesinin anasayfasındaki hoş menünün nasıl olacağını anlatan bir ders ve dosyaları.

Mootools animated sidebar menu

• LiveValidation
  bu script ile neredeyse her üye olunan sitede gördüğümüz yalnış-doğru uygulamasının biraz değişiği. değişik olan yanı, sizin belirlediğiniz yazıdaki yalnışları kırmızı bir uyarı ile veriyor olmadı. doğru girilirse durumunda herhangi bir uyarı ile karşılaşılmıyor. script'in demosunu görmek için anasayfasında ki küçük kutucuğa bişeyler yazanilirsiniz.

LiveValidation

• Creating a table with dynamically highlighted columns
  genellikle ücretli servis sunan sitelerde gördüğümüz fiyat kolonlarına benzeyen bir uygulama. demo sayfasından detaylı bilgiye ulaşabilirsiniz. indirmek için ise tıklayınız.

Creating a table with dynamically highlighted columns

• jsProgressBarHandler
  yüklemelerde yüzdelikleri gösteren javascript'tir. uygulama webappers tarafından css ile geliştirilmiştir.

jsProgressBarHandler

• mooSocialize - ajax based social bookmark widget
  favori sosyal ağlara istediğiniz bir yazıyı göndermek için ihtiyacınız olan anlatımı ve dosyaları sunuyor. demosu da sitede mevcut.

mooSocialize - ajax based social bookmark widget

• Sexy sliding JavaScript side bar menu using mootools
  hoş bir menü sistemi hani şu monoton olan yandan açılan menüler gibi ama çok güzel gelişmiş ve anlatım + demolu.

Sexy Menü

• Çeşitli profesyonel menüler (anlatım + demo)
• CheckBoxList hover extender
• Cornerz
• Lightview
• lightWindow
• DatePicker using Prototype and Scriptaculous
• ModalBox
• Accordion v2.0
• New unobtrusive dynamic flickr badge

yazının orjinaline şuradan ulaşabilirsiniz.