Web Öge Seti : yedOs

Ö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

One thought on “Web Öge Seti : yedOs

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir