Bootstrap ve Material css alternatifi w3.css

Arkadaşlar merhaba,

Bootstrap'ın (http://getbootstrap.com/) responsive ve menü gibi özelliklerini Materialize Css'in (http://materializecss.com/) Materyal tasarımını bir çatı altında birleştiren ve ikisininde pabuçunu dama atacak bir hızda çalışan. Entegreside bir o kadar kolay olan muhteşem bir framework'den daha dün haberim oldu.

Aslında geliştireli uzun zaman olmuş ama buda benim ayıbım olsun. Bu heyacanı sizinle paylaşmak istedim.

http://www.w3schools.com/w3css/default.asp

Arkadaşlar soldaki menülerin hepsini dolaşmanızı öneriyorum.

Bu arada javascript ve json ile html template kullanarak muhteşem özellikler için bonus niyetine w3data (http://www.w3schools.com/w3css/w3data_home.asp) Eğer varsa böyle şeyler takıntılı arkadaşlar için öneriler varsa iletin lütfen.

Bu arada sadece Türkiyede değil Dünyada'da hakettiği ilgiyi görmediği kanaatindeyim.

Hocam siteme buradan 1 tablo ekledim ama sitedeki tüm yazılar çok büyüdü. Ne yapabilirim?

3 Yolu var.

1) w3.css dosyasını aç ve Css dosyasındaki aşağıdaki kod'a istediğin değerleri ya veya bu satırları sil.

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:"Times New Roman",Times,serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}

2) Senin css dosyasını bundan sonra yükleyerek ez.

3) Senin css dosyandaki ilgili css'lere !important etiketini ekle.