# 140: Forum Kayıt Tasarımı - CSS Hileleri

Anonim

Hâlâ Forumlar alanında boynun derinliklerindeyiz. Bu ekran yayınında kayıt sayfasına bakıyoruz. Forumlara katılma deneyiminin olabildiğince kolay ve samimi olmasını istediğimiz için oldukça önemli bir sayfa.

Başlangıçta biraz sinirliyiz, işleri mümkün olan en akıllı şekilde değiştirmek için hangi dosyaların güncelleneceğini belirlemenin çılgınca bir mücadele olacağını düşünüyoruz. Biraz uğraşıyoruz, ancak GitHub'da anlamamıza yardımcı olacak bazı bilgiler buluyoruz. Bu konuda daha iyi hale geliyoruz! Artı, bir dahaki sefere, ihtiyacımız olan tüm kontrolü zaten hallettik ve bu daha kolay olacak. Yine de, daha önce de söylemiştim, bunu bir gün bbPress'e almayı gerçekten çok isterim, böylece tüm site tek oturum açma hakkına sahip olur.

Garip bir şekilde, ilk defa "normal" bir form tasarlayacağız. Sitedeki arama formu o kadar özel ki bizim için pek bir şey yapmıyor. Sonuç olarak, etiketler yerine giriş ipuçlarını kullandığımız yorum formu. Bu formun geleneksel etiketleri var, bu yüzden sıfırdan biraz CSS yazmamız gerekiyor. Tasarım kalıpları için yaptığımız gibi onu bir parçaya (_forms.scss) böleriz ve üst etiket stilini kullanırız.

Bir maksimum yükseklik ve taşma ayarlamamız gerekiyor: pop-up'lar için otomatik çünkü site için Hizmet Şartları bir açılır pencerede gösteriliyor ve çok uzun. Umarım bu mobil cihazlar için uygun olacaktır - bunu izlememiz gerekecek.

CAPTCHA'yı çalıştırıyoruz (ona ücretsiz API anahtarları vermenin basit bir meselesi), ancak görüntüsü biraz garip görünüyor. Muhtemelen sahip olduğum garip monitör konfigürasyonunun bir sapması.

Sonunda kayıt olurken alabileceğimiz hata mesajları için biraz şekillendirme yapıyoruz. Ayrıca, hata mesajlarının biraz istenildiğini de keşfediyoruz, ancak en azından onları iyi görünmesini sağlayabiliriz.