Serpito

Önizle - İndir

yedincisenol oge seti kelimelerinin kısaltması olarak yedOs ismini verdiğim öge seti şunlardan oluşmakta;

1. Butonlar : Yeşil,kırmızı,gri,üçüncül
2. input,textarea
3. Sekmeler
4. Veri tablosu (table)
5. Form tablosu (table)
6. Sayfalama
7. 4 farklı bildirim(tamam,hata,uyarı,bilgi)
8. fieldset ve legend

Köşeleri yuvarlamak için bir jquery eklentisinden yararlandım (jquery.corner) dolayısıyla yuvarlak köşeler için jquery ve bu eklentiyi projeye dahil etmeniz gerekli. Yuvarlak köşelerin ie’de çalışmadığını da belirteyim.  Setin dosyalarına baktığımızda ise şöyle bir manzara ile karşılaşıyoruz;

1. 2 css dosyası : yedyen.css,yedOs.css
   Burada eric meyer’in sıfırlama kodları ve benim sıkça kullandığım sınıflar mevcut
2. 3 js dosyası : jquery.js,jquery.corner.js ve yedOs.js
   Buradaki yedOs.js dosyasında sekmelere ait js kodları mevcut
3. 3 imaj dosyası
4. Kaynak : Tasarım (png) ve sprite teknigi ile oluşan .png dosyaları

Set siyah zemin üzerinde güzel görünüyor. Biraz uğraşıp diğer renkler de de güzel görünmesini sağlayabilirsiniz. Kodlar zaten açık ve imaj kaynakları da mevcut.

Böylece serpito.com’da ilk tasarım konulu yazımı yazmış oldum. Umarım işinize yarar.

Önizle - İndir

yedincisenol

Diğer yazıları: serpito.com/author/senol 23 Yaşında bir web geliştirici ve kindir.net kurucusu. Php,mysql,html,css,javascript,jquery ile harika işler çıkarmanın peşinde. Facebook, Friendfeed , Twitter'da takip edebilirsiniz. blog.yedincisenol.com kişisel blogu ;)

Website - More Posts