Css Admin Panel
Posted by admin | Posted in css | Posted on 09-07-2010
0


1. Radio Station Template

Web sitelerimizde kullanıcılarımız tarih işlemleri yaparken tarihleri uygun bir biçimde yazmaları ve bizimde sorgularımız bu dogrultuda yapmamız gerekir. Tarih işlemleri i “Jquery Date Pick’i ” kullanabiliriz. İnput alanımız aktif edildiği anda karşımızı bir takvim geliyor ve bu alandan sitediğimiz tarihi seçebiliyoruz.
Dosyamıza jsDatePick.min.1.1.js dosyamızı ve jsDatePick.css stil dosyamızı ekliyoruz, ardından aşagıda yer alan javascript kodumuzu yazıyoruz ve input id inputField aktif edildiğinde karşımızam tarhi seçimi yapacağımız takvimimiz geliyor.
Daha önce photo slider uygulamalarında fotografları seçtiğimizde ekranımız kararıyor ve fotografımız ekranımızın ortasında normal boyutlarında yer alıyordu. Bu uygulamamızda fotografımızı seçtiğimizde fotografımız olduğu yerden başlayarak normal boyutlarına doğru büyüyor, ve açıklaması fotografımızın altında yer alıyor.
Fotograflarımızı örneğimizde aşağıdaki kod bologu içerisine yerşetiriyoruz.
<td><div class="photo_slider"> <img src="images/mthood.jpg"/> <div class="info_area"> <h3>Deneme Image 1</h3> <p><em>By: <a href="http://gumusluoglu.com">Müslüm</a></em></p> </div> </div></td>
Web sitelerimizde jquery’den yararlanarak fotograf galerileri – fotograf geçişleri (Sliders) hazırlaya biliriz. Sitemiz bir alışveriş sitesi ise veya biz bir üretim firması isek çıkan ürünlerimizin reklam imagelarını Jquery Sliders aracılığı ile kullanıcılara sunabiliriz.

Cv’lerimizi web sitelerimizde yayınlayabilir, cv bilgilerimizin veri tabanından çekilerek yayınlanmasını sağlaya biliriz. Örneğimizde bir html sayfamız var, sayfa içeriği veri tabanına bağlı değil.


Web sitelerimizde yer alan haber, yorum, ürün, yeni ürünler, kullanıcılar vb gibi bilgileri bir bölümde sırası ile geçmesini isteye bilir ve bunu marque olmadan zamana bağlı olarak ekranda durmasını ve ardından kaybolmasını ve sıradaki verinin onun yerini almasını isteyebiliriz.Oldukça kullanışlı ve görsel olarakda gayet güzel bir uygulama, hadi başlayalım.

E-ticaret sistemlerimizde yer alan ürünlerin kullanıcılar tarafından sepete ekleme işlemleri oldukça önemli ve dikkat edilmesi gereken bir konudur. Sepete eklemek için birden çok yolu kullana biliriz sepete ekle; iconu, butonu veya linki ile sepete ekleme işlemlerinin gerçekleşmesini sağlıya biliriz.
Sistemlerimizde yer alan linkler linklerin açıklamalarını yazı şeklinde yapabildiğimiz gibi Screenshot (Ekran Resmi) şeklindede yapabiliriz. Bu sayede kullanıcıların daha iyi bilgilendirilmesini sağlayabiliriz.Örneğimizde jquery ile screenshot önizlemesi yapıyoruz.
