Akademi CSS Şablonları

Tutarlı Kurs Stili İçin Esnek Akademi CSS Şablonları

Bir akademi CSS şablonu, sunum katmanı zaten oluşturulmuş olarak gelir. Kurs listesinin yapısı olduğu gibi kalırken, renkler, yazı tipi ölçeği ve aralıklar nasıl okunacağını belirler ve duyarlılık kuralları daha küçük genişliklerde ne olacağını belirler. Kırmızı-siyah bir kimliğe geçen bir spor akademisi, bu sistem içindeki değerleri düzenler ve her kart, rozet ve düğme bunu takip eder.

Tek Bir Görsel Sistem Altında Tekrarlanan Öğeler

Eğitim içeriği çoğu içerikten daha fazla tekrarlanır ve her tekrarlanan öğe kendi stil kurallarını taşır:

• uzun kurs adlarının ızgarayı bozmasını önlemek için aralık, kenarlık uygulaması ve başlık ölçeğinin kullanıldığı kurs kartları;

• açıklamayı bastırmadan bulunabilmesi için yeterli kontrasta ihtiyaç duyan seviye rozetleri ve öğrenim ücreti değerleri;

• bir zaman çizelgesinin bir bakışta okunup okunmayacağını belirleyen satır aralığı ve hizalamanın kullanıldığı ders programları;

• normal, üzerine gelme ve aktif durumlarının açıkça birbirinden ayrı kalması gereken kayıt düğmeleri.

Kart içindeki sıralamanın büyük kısmını tipografi yapar. Kurs başlığı, süre, n ve seviye metindir, aynı şekilde ücret ve altındaki etkinlik de; okuyucuya hangisinin hangisi olduğunu yalnızca boyut, kalınlık, t ve kontrast söyler. Bu adımlar ayarlandıktan sonra, yeni bir yoğun veya hafta sonu grubu kataloğa zaten diğerleri gibi görünecek şekilde eklenir.

Sınıf Düzenlerini Ekran Boyutlarına Uyarlayın

Bir katalog ızgarası, görüntüleme alanı daraldıkça birkaç sütundan daha azına düşebilir ve etrafındaki her şey de hareket eder. Aralık, hizalama ve dolgu bu değişikliği taşır ve bir başlığın aksi takdirde garip bir şekilde sarılacağı yerde yazı tipi ölçeği bir adım aşağı inebilir.

Bu değerlerin çoğu, Nicepage'in sağladığı Duyarlı Modlar için, büyük ekranlardan dikey telefonlara kadar ayrı ayrı ayarlanabilir.

Programlar genellikle test örneğidir. Geniş bir ekranda düzgün bir şekilde hizalanan satırlar, bir tarih ile grubu arasındaki bağlantıyı koparmadan üst üste yığılmalıdır. Satırlar gün ışığında bir telefonda okunduğunda kontrast daha da önem kazanır.

Yerel İstisnalar için Özel CSS

Görsel kontroller, bir akademi sitesinin ihtiyaç duyduğu şeylerin çoğunu karşılar ve Özel CSS, tek bir öğe, tek bir sayfa veya tüm site düzeyinde, bunların ortaya koymadığı sunum kurallarını ele alır. Pratik durum dardır: ya kataloğun geri kalanından öne çıkması gereken yoğun bir kurs ya da her blok ortak kuralları korurken kendi satır işlemine ihtiyaç duyan tek bir ders programı.

Güçlü bir akademi CSS şablonunu güzel bir şablondan ayıran şey, sisteminin ne kadarının kendi içeriğinizden sonra da geçerliliğini koruduğudur. En uzun kurs adınızı, garip boşluklar içeren bir programı ve kimsenin planlamadığı bir rozeti ekleyin ve stilin geçerliliğini koruyup korumadığını görün.