Forum
Aktif konular
Üyeler
Kurallar
Arama
Css Tasarım Şablonu V0.1 Css Tasarım Şablonu V0.1
-
Tasarım Arayüzü v0.1
Bir nevi css framework olarak nitelendirilebilecek bir şablondur. Oluşturduğum sınıfları kendi kullanım şeklime göre tasarlamaktayım. Kullanım metni aşağıda mevcuttur. Kullanmak isteyenler kullanabilirler.
Şablon Meyer'in reset.css dosyası dahil edilerek tarayıcı uyumluluğu sağlanmıştır.
Ayarları yapılmış etiketler ; body, fieldset , legend , a , a:hover, b , div , form , label , input , select , textarea , h1 , h2 , h3 , h4 , h5 , h6 , hr , i , p , small , span , table thead tr td , table thead tr th , th , table tbody tr td , table tfoot tr td
Harici sınıflar ;
w960_div,w180_div,w780_div,w600_div : verildiği elemana 'w(*)_div' * kadar genişlik verir.Container : Her eleman için kapsayıcı olarak kullanılabilir. Yatay olarak ortalanmıştır. Sağına soluna nesne alamaz [ clear:both ]
Header : 180px yüksekliğe sahiptir. Üst kısım için kullanıyorum. Sonrasında arkaplan sınıfı oluşturup dahil edebilirsiniz.
Menu : Menü bölümü oluşturmak için kullanılır. Içerisine ul li şeklinde liste oluşturup bağlantıları (*) içerisine yazılmalıdır. Hover seçeneğide öntanımlı olarak ayarlıdır.
Horizantal : Menü sınıfıyla beraber kullanılır. Yatay menü için.
Vertical : Menü sınıfıyla beraber kullanılır. Dikey menü için.
Content : İçerik sınıfı olarak kullanıyorum. Soluna veya sağına eleman yerleşebilir. [float:left]
Left : Herhangi bir elemanla kullanılabilir. Sağına eleman almasını sağlar [ float:left ]
Right : Herhangi bir elemanla kullanılabilir. Soluna eleman almasını sağlar [ float:right ]
Footer : Altlık olarak kullanıyorum. 50Px yüksekliği mevcuttur. Yazıyı ortalar.
Entry : İçerik kısmı olarak kullanıyorum. 6Px paddinge sahip.
Close : Kapatma tuşu için kullanıyorum. X şeklinde. Hangi etiket içine yerleşirse onun boyuna göre sağ üst köşeye geçer. Üste ve sağa 0 px kadar dayanır. Gerektiğinde ayarlıyorum. Hover özelliği öntanımlı olarak ayarlı.
Box : Mesaj kutusu oluşturmak için kullanıyorum. Yanında mesaj tipini [error , info , complete ] belirtebilirsiniz. Oval köşeli ve 5px margin e sahiptir.
Error : Hata mesajları için box ile birlikte kullanılır.
Info : Bilgilendirme mesajları için box ile birlikte kullanılır.
Complete : Tamamlandı mesajları için box ile birlikte kullanılır.
Bunlar dışında tüm elemanlara çoklu sınıf halinde uygulanamalar yapılabilir.
İlk versiyonunda çok fazla hata veya eksik olabilir. Öneri ve tavsiyelere açığım.https://github.com/theylmz/CssInterface
http://blog.theylmz.com/2011/notlar/css-tasarim-sablonu-v0-1.html
-
bi inceleyelim bakalım saolasın...
-
arkadaşınkini açamadım dw filan hiçbişey yüklü değil ama bende şöle bişey yapmıştım görmeyenlerede hatırlatma olur.
http://www.tahribat.com/Forum-Css-Olusturucu-Coded-By-Ajan1111-123838/1/css/
sanırsam ikiside ayni işe yarıyo. eline sağlık hocam uğraşmanı tahmin edebiliyom (:
-
ajan1111 bunu yazdı:
-----------------------------
arkadaşınkini açamadım dw filan hiçbişey yüklü değil ama bende şöle bişey yapmıştım görmeyenlerede hatırlatma olur.
http://www.tahribat.com/Forum-Css-Olusturucu-Coded-By-Ajan1111-123838/1/css/
sanırsam ikiside ayni işe yarıyo. eline sağlık hocam uğraşmanı tahmin edebiliyom (:
-----------------------------biraz farklı, sen aldığın değerlere göre css oluşturuyorsun. bunda cssi dahil ediyorsun tarayıcı uyumluluğu falan var. ekstra istersen kendi css dosyanda bunlara ekleme çıkartma yapabiliyorsun. Pek bir esprisi yok aslında. Sadece toparlıyorum işte. Lazım olanda kullansın diye de github.
-
eyvallah..
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla