Müşteri CSS Şablonları

Tutarlı Müşteri Kanıtı İçin Gelişmiş Müşteri CSS Şablonları

Yorumlar ve logolar yerleştirildikten sonra, aslında kontrol ettiğiniz şey stil katmanıdır. Bir müşteri CSS şablonu, kart oranlarını, yazı tipi ölçeğini ve bir alıntı ile kaynağı arasındaki boşluğu, bunların arkasındaki kırılma noktası kurallarıyla birlikte ayarlar. Geriye kalan, kanıtınıza uygun hazırlanmış görünümü seçmek ve ardından markanızla çelişen birkaç bölümü ayarlamaktır.

Kaydırıcılar, Izgaralar, Dikey Kartlar, Logo Duvarları

Hazırlanmış müşteri stilleri birkaç tanınabilir şekilde gelir:

1. Birkaç referansın eşit ağırlıkta yan yana yer aldığı yorum ızgaraları;

2. Yirmi alıntıya sahip olduğunuzda görünürlüğü alanla takas eden kaydırıcılar;

3. Metnin altına bir yüz ve onun atıfının yerleştirildiği dikey kartlar;

4. Çok farklı oranlarda kelime işaretleri ve kare işaretler için boyutlandırılmış logo duvarları.

Burada yol ayrımı dikey kartlardadır. Fotoğraflarda, yazı tipi ölçeği, sabit bir resim boyutunun altında isim ve rol için yer bırakmalıdır ve alıntılar zorunlu olarak kısa kalır. Bunlar olmadan, bir yorum daha uzun olabilir ve kaynak gösterimi altına tek bir küçük satırla sınırlı kalabilir. Kaydırıcılar kendi mobilyalarını getirir, çünkü kontroller ve konum işaretleyicilerinin tıklanabilir görünmesi için yeterli kontrasta sahip olması gerekir.

Uzun Referanslar Dar Ekranlarda Farklı Davranır

Müşteri stil setindeki çalışmaların çoğu, içeriğin tahmin edilebilir olmaktan çıktığı yerde gerçekleşir:

1. 300 kelimelik bir yorumun 12 kelimelik bir yorumla aynı satırda yer alması;

2. Bir dizüstü bilgisayarda bir kartı çerçeveleyen ve bir telefonun yarısını yutan tırnak işaretleri;

3. Bir ızgarada geniş bir kelime işaretinin yanında kaybolan küçük bir kare işaret;

4. Dikey boşluk arttıkça alıntıdan uzaklaşan kaynak gösterimi.

Sabit yükseklikler bunların çoğuna neden olur. Kartların içeriğine göre büyümesine izin vermek, işaretleri paylaşılan genişlik yerine maksimum genişlik ve maksimum yükseklikle sınırlandırmak ve bir alıntının altındaki boşluğu kartlar arasındaki boşluktan daha dar tutmak, sorunun büyük bir kısmını çözecektir. Nicepage, tek bir inatçı bölüm hala yanlış davrandığında özel CSS'yi destekler ve bunun dürüst kullanım amacı da budur: aksi takdirde geçerli olan kurallar kümesi içindeki bir istisna.

Önce İçerik Boyutuna Göre Stil Seçin

Güzel olana bakmadan önce neye sahip olduğunuza bakın. Yirmi kısa referans ve bir dizi müşteri işareti, hem sessiz hem de tutarlı bir ızgara ve duvar ister. Sayılar içeren üç uzun hikaye, sonuçların nefes alabileceği geniş paneller ister. Her ikisine de sahip ekipler genellikle bir sitede, paylaşılan yazı tipi ve renkle birbirine bağlı iki ilgili stili kullanırlar. Alıntılarınızın uzunluğu çok değişkenlik gösteriyorsa, her şeyden önce bu varyasyonu test edin, çünkü müşteri kanıtı yalnızca kasıtlı göründüğü sürece güven oluşturur.