Ana içeriğe atla

Asp.Net Web - Jqery - Facebook Scrollbar Yapıyoruz

Aslında çoğumuzun kullanmayı pek sevmediği bir element olan Scrollbar.bazen çok gerekli ve büyük işlere yarar, uzayan listeleri yada arayüzde fazla yer kaplamasını istediğimiz verileri güzel yapılandırmış bir Scrollbar içine almayı isteyebiliriz. Bu yazı işinize yarayacak faydalı bir Scrollbar örneğini içeriyor...

Bende yukarıdaki düşüncelerle ve hazırladığım web uygulamasının birinde yandaki resimdeki gibi bir Scrollbar edindim. Pek sık yapmadığım hazır kod editlemenin sonucu hayli elverişli olduğu içinde blog okuyucularımla paylaşmak istedim. Bu scrollbar için facebook haber bandı ilham alınmış ve gayette başarılı olmuş şimdi sırasıyla Asp.Net web uygulamamızda 2 örnek yaparak bu görünüme sahip bir Scrolbar yapacağız.Elbette bu uygulamanın bitmiş halini indirme imkanınızda olacak.Bu ve bundan sonraki Asp.Net web örneklerini Skydrive marifeti ile paylaşmaya karar verdim.Şimdi devam edelim...

 İşimiz bittiğinde yandaki Visual Studio.Net Solution Explorer penceresindeki dosyalarımız olacak.

Uygulamamızda sırasıyla
2 adet Script referansı
1 adet CSS ve de
1 web formumuz olacak

Web formu içeriğindekilerle başlayalım....









1- <head></head> içerisinde gerçekleşecek yapılandırmalar
head arasında Css ve Java referanslarını konumuna dikkat ettiğinizde googleapis kullandığımızı görüyor olmalısınız.Bu ayrıca şu anlamada geliyor local çalışan web sisteminde yani web erişimi olmayan bilgisayarlarda bu scrollbar çalışmayacaktır.
2- <form></form> içerisinde gerçeklecek yapılandırmalar
birbirinden farklı 2 örnek yapacağız demiştim bu isimler ise aşağıdaki kodda olduğu gibi Scrollbar1-2 olarak adlandırılmıştır.Bu koda göre "mouse over" çalışan bir scrollbar ve ayrıca statik bir scrollbar edinmiş olduk...
 


Facebook Jquery ScrollBar -1 

Serkan Şenyüz http://sistemdestekuzmani.blogspot.com












Facebook Jquery ScrollBar -2

Serkan Şenyüz http://sistemdestekuzmani.blogspot.com
Şimdi yukarıdaki işlemlerin web çıktısına bir göz atalım

Ve şimdi bu örneği yakından incelemeniz için indirme linkini aşağıda bulabilirsiniz.

Asp.Web Juery Facebook Scrollbar | Serkan Şenyüz








Etiketler:

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Firebird SQL Table oluşturma ve SQL komutları

2 nci  Firebird SQL veritabanı blogunda bu kez mevcut Firebird veritabanına ISQL ile bağlanmayı veritabanı nesnelerini oluşturmayı (create table), Kayıt eklemeyi (ınsert) ve kayıtları izlemeyi (show) ile önemli SQL komutlarını anlatmaya çalışacağım...
6 yorum
 Devamını gör

Firebird Veritabanı Nedir ? Nasıl Kullanılır

Firebird ücretsiz veritabanı kullanmaya ne dersiniz.Üstelik hiç bir süre ve veri sınırı olmadan kulağa hoş geliyor değilmi.Bu Blogta Borland açık kaynak interbase 6 sürümünden sonra ortaya çıkmış ve gelişimini sürekli sürdürmüş Firebird veritabanına bir göz atıcaz. İnternet üzerinde Firebird ile kaynağa çok sık rastlamazsınız artık bu blogtan Firebird ile ilgili bilgileri takip edebilirsiniz...
Yorum Gönder
 Devamını gör

Asp.Net Access veritabanina resim ve nesne kaydetmek OLE Nesnesi

Ms Access ile ilgili geçmiş yazılarım arasında biraz vakit geçirmişseniz, Ms Access form uygulamaları yada veritabanı olarak kullanmayı sevdiğimi anlamışsınızdır. Birazdan size anlatmaya çalışacağım konu Ms Access veritabanı olarak kullandığımız bir Asp.Net Web projesinde resimleri ve dosyaları paket halinde veritabanının içine gömmek olacak.Neden bilmiyorum bu konuda Türkçe kaynak yok, merak etmeyin bu yazı size iyi gelecek...
1 yorum
 Devamını gör