Yetenek CSS Şablonları

Kadro Izgaraları ve Profil Kartları için Yetenek CSS Şablonları

Boşluk, görüntü oranları ve görsel durumlar, bir kadronun tek bir kart seti mi yoksa uyumsuz profiller yığını mı olarak algılanacağını belirler. Yetenek CSS şablonları, bu kurallar önceden yazılmış olarak gelir ve değerleri açık bırakır. Bir demoda üç sütunlu bir performans kartı ızgarası ikna edici görünür, ta ki bir kartta uzun bir referans listesi varken diğer kartta sadece iki satır olana kadar.

Düzensiz İçerikli Kartların Şekillendirilmesi

Hiçbir yetenek profili aynı ağırlığa sahip değildir ve şekillendirme, kadronun yine de tek bir set olarak algılanmasını sağlamalıdır. Bu işin büyük kısmını dört kural üstlenir:

• Kafa fotoğrafı alanında sabit bir görüntü oranı. Dikey stüdyo portreleri ve daha geniş fotoğraflar aynı alanı doldurur ve kırpma sayfanın aşağısında tahmin edilebilir kalır.

• Kartı sıralayan bir yazı tipi ölçeği. Performansçının adı en üstte, rol veya uzmanlık bir adım altında, referans satırı ise daha da sessiz bir şekilde yer alır.

• Yoğunluğa dayanıklı boşluk. Kart genişlikleri, ızgara boşlukları ve iç dolgu, bir profil uzun olduğunda satırı bir arada tutar ve biyografideki satır sınırı, konuşkan bir kartın yanındaki her şeyi uzatmasını engeller.

• Fareyle üzerine gelme ve odaklanma durumları. Öne çıkan bir kart genellikle bulunduğu satırdan farklı görünmelidir.

Kırılma Noktaları ve Yerel İstisnalar

Sütun sayısı, duyarlı tasarımın kolay yarısıdır: geniş ekranda dört, tablette iki, telefonda bir. Dar düzenin üstte tuttuğu şey daha önemlidir, bu nedenle portre, isim ve iletişim eylemi, daha kısa görüntü oranı ve mobil cihazlarda daha dar boşluklarla uzun bir kredi listesinin üstünde yer almalıdır.

Nicepage bunu, büyük ekranlardan dikey telefonlara kadar Duyarlı Modlar ve tek bir öğeye, tek bir sayfaya veya tüm siteye uygulanan Özel CSS Kodu ile karşılıyor. Sayfa Başına Minimum CSS Dışa Aktarma, yayınlanan stil sayfasını bir sayfanın gerçekten kullandığı kurallara indirger.

CSS, birisi kaydırırken kadronun nasıl görüneceğini belirler. Onaylamadan önce, yayınladığınız en uzun kredi listesi ve kütüphanenizdeki en geniş kırpma alanı ile şablonu en yoğun haliyle deneyin. Eğer tablo hala düzgün görünüyorsa, kadro büyüdükçe de aynı kalacaktır.