Accordion | bildirgec.org

bütün browserlarda problemsiz çalışan bu javascript kodları hem dikey hemde yatay olarak kullanımı destekliyor. ister menü ister sayfa olarak kullanılabilir ve kurulabilir pratik bir yapıya sahip. buradan indirebilirsiniz.

Accordion v2.0

akordiyon menüleri tasarımlarınızın yan sütunlarını işlevsel hale getirmek için kullanabilirsiniz. konuyla ilgili internette çeşitli ücretsiz uygulamalar mevcut.

• yourhead
  
  
  
  
  

canlı ve kullanışlı bir menü arıyorsanız bir de bu menüyü deneyin.

daha önce bazı örneklerini gördüğümüz bir menü ancak bu sefer flashla yapılmış. *.fla dosyasını da indirebilir, istediğiniz gibi değiştirebilirisiniz.

akordiyon menü kullanım açısından gerçekten estetik bir menü çeşidi.

web sitelerinizde kullanmanız için hazırlanmış bu ajax uygulamaları kullanım ve görsellik açısında gayet hoş.

Dragable Boxes
mutlu link kutucukları

AJAX Poll
PHP ve mySQL tabanlı anket uygulaması.

Ajax dynamic articles
dinamik makaleler.

Web tasarımcısıysanız hazır navigasyon menüleri herzaman işinize yarayacak demektir. Hele bir de işinizi çabuk bitirmeniz gerekiyorsa hazır menüler tam size göre. 1stwebdesigner bizler için 300 üzerinde navigasyon menüsünü bir araya toplamış. Bildirimizde Apple Dock menülerden akordiyon şeklinde slide menülere kadar genel kullanımda çok yaygın menüler var. menülerin tamamını görmek için buraya. Aralarından en kullanışlı olanları sizler için seçtim. Bunlar içinde yazının devamına bakabilirsiniz.

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.

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.

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.

• 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ış.

• 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.

• 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.

• 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.

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

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

• 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.

• 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.

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

• 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.

• 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.

Çeşitli uygulamar;

• Ç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.

web sitenizde kullanabileceğiniz ya da kod geliştirirken size ilham verecek (open source) açık kaynak kodlardır.

sayfanızdaki küçük reimlerin orjinal hallerini, kullanıcıyı başka bir sayfaya götürmeden göstermenizi sağlar. (arka planı siyah yaparak, kapatma butonu ile birlikte beyaz bordürlü bir şekilde gösterir)
bir zaman çizelgesi üzerinde, bölgelerin arasındaki zaman farkını göstermeye yarar.

reflection.js resimlerinize yada logolarınıza hiçbir işlem yapmadan yansıma özelliği katar.
web 2.0 sitelerde bolca görebilirsiniz, farklı bir yöntem.
(class="reflect rheight50 ropacity33" width="435") sitenizdeki her resme bu yöntemle yansıma ekleyebilirsiniz.

elinizdeki verileri web sitenizde veya bilgisayarınızda grafiksel olarak sunmanızı çok kolay bir şekilde sağlar.
tek yapmanız gereken şablon seçip, başlığı, veri sınıflarını ve değerlerini yazı/xml dosyasına girmek, flash arayüz+animasyon+fare işlevi+güzel tasarıma sahiptir.
sitede farklı amaçlar için tasarlanmış örnekleride mevcuttur.

plotr ise pie & donut chart'ın java versiyonudur. görsel açıdan güzeldir fakat tarayıcıların java destekleri bakımından problem yaratabilir.

tarayıcı üzerinden anında mesajlaşma sistemidir.

rating sistemidir, basit ve güzel bir görünüme sahiptir. sitenize farklı türlerde oylama özelliği ekleyebilirsiniz.

farklı amaçlar için kullanabilceğiniz sekmeli içerik gösterimi sağlayan bir java scripttir. burda tavsiye etmiştim.

sürükle bırak tekniğine bir örnek:) sayfalarınızdaki resimlerin veya diğer içeriğin sürüklenip bırakılmasını sağlamak için kullanabilirsiniz.

yükleniyor...... olayını görselleştirmek için güzel bir örnektir. 4 farklı tasarımda örnek mevcuttur dilerseniz kendi tasarımınızı geliştirebilirsiniz.
sayfadaki icon'lara tıklayarak test edebilirsiniz.

tab content'in biraz daha gelişmiş versiyonudur, sekmelerde resimler veya kaynak kodlar göstermenizide sağlar.

üyelik sistemi olan web sitelerinde üyelerin profil bilgilerini güncellemelerini daha görsel ve aynı sayfada yapmalarını sağlamak için geliştirilmiş bir kod. burda flickr örnek verilmiş.

jquery için güzel bir ajax örneğidir. demo sayfasından test edebilirsiniz.

sayfalarında kod vb. içerik yada detaylı anlatım yayımlayan arkadaşlar için güzel bir okordiyon örneğidir. seri çalışır.

oylama barı'dır (rating bar) sitenize eklemek için kılavuz mevcuttur. kullandığınız cms sistemi için böyle bir eklenti mevcut değilse yahut cms geliştiriyorsanız kullanabileceğiniz bir scripttir.

aşağıdakileride açıklarsam destan olur heralde, bundan sonrasını size bırakıyorum. faydalı olması dileğiyle.
devamı:

moo.fx, çeşitli javascript efektlerini kolayca kullanabilmemizi sağlayan bir kütüphanedir. İlk duyurulduğunda en beğenilen efektlerinden birisi hiç şüphesiz akordiyon menü efekti oldu.

Accordion ise moo.fx yerine script.aculo.us kütüphanesi kullanılarak yazılmış başarılı bir akordiyon menü uygulaması. Diğerlerinden en güzel farklılığı ise hem dikey hem de yatay olarak çalışabilmesi.