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

HBYS yazılımları ve en iyiler (Hastane Bilgi Yönetim Sistemleri)

HBYS (Hastane Bilgi Yönetim Sistemi) ve iyi yazılım firmaları HBYS nedir sorusuna verilebilecek en iyi cevabı, sıra bekleyen hastalara, HBYS programını kullanlar, yani sistem çalışmıyor diyenler verebilir ! Bugün Türkiye genelinde halen izlediğim bu HBYS platformlarını üreten firmalar hakkında bildiğim bazı kişisel görüşlerimi paylaşacağım. Müdahil olduğum bu sektörün ileri gelen firmalarınıda bu sayede kısaca anlatma fırsatım olacak.O halde yazının devamı için devam ediniz...
89 yorum
 Devamını gör

Ağdaki Loop ve Spanning Tree Nedir

Büyük bir Network devralıp işin başına geçtiğimde en sık rastladığım olay ağın kablolama çalışmasının gereğinden fazla Fiziksel bağlantı ile yapılmış olması olur.Bu gereksiz fiziksel bağlantılar ile LOOP denilen veri paketlerinin döngüye sokar ve "Ağım Kitlenir,internet bağlantım kaybolur,ağımdaki makinelere erişemem.Eğer sizinde böyle bir sorununuz varsa bu yazım işinize yarayacaktır. Network Adminlerinin bildiği fakat herkesin bilmek zorunda olmadığı bir kaç küçük detay vererek Döngüye neden olanları anlaşılmasını sağlayayım. Biliyorsunuz ki Pc ler TCP/IP protokolü ile birbirlerine bağlanmak için kullanırlar.TCP/IP protoklü içinde önemli 3 katman vardır.Ip,MAC,Dns Name,konuyu derin anlatan bir çok makele bulabilirsiniz fakat ben mantığı vererek konuyu dağıtmak istemiyorum.Kısaca Ip Makinemize verdiğimiz yada DNS Serverlar verdirdiğimiz veya Otomatik MAC Makinemizin üzerindeki değişmez Ethernetimizin kimlik bilgisi Dns Name makinemizin adı vs. Yukarıdaki 3 ögeden en önemlisi ...
Yorum Gönder
 Devamını gör