css

Bootstrap Tabloya Yatay Kaydırma Ekleme

Bootstrap tablo elementinde yatayda yer yetmeyecek kadar çok sütun göstermek gerektiğinde yatay kaydırma çubuğu eklemek yerinde olabilir. O halde bunu yapmak için gerekli olan şey;

<table> elementini bir <div> elementinin içine taşımak ve bu <div> elementine table-responsive sınıfı vermek. Yani:

<div class="table-responsive">
    <table class="table">
    ... bol sütunlu tablo ...
    </table>
</div>

Kaynak: http://stackoverflow.com/a/19884747/169534
Canlı demo: http://jsfiddle.net/vPH8N/444/

Web Sitelerinde Özel Font Kullanımı

Web sitemizde özel font kullanmak için küçük bir CSS kodu yazmamız gerekiyor. Fakat sitemize gelen ziyaretçilerin bilgisayarlarında yüklü olmayan fontları tarayıcılar bulamazlar ve kullanamazlar. O yüzden önce sitemize ilgili fontu yüklememiz gerekiyor. Bundan sonra CSS kodumuzu yazmaya geçebiliriz.

@font-face {
    font-family: "Fontun Adı";
    src: url(http://hosaf.org/font.ttf) format("truetype");
}
p {
   font-family: "Fontun Adı";
}
  • Font ttf biçimindeyse format kısmı "truetype", otf ise "opentype" yazılmalıdır.
  • url yerine fontun yeri yazılmalıdır.

Kaynaklar:

Subscribe to RSS - css