Üyelik sistemi ve yönetici sayfaları bulunan tüm web sayfaları kullanıcıların giriş yapabileceği formlar barındırmakta. Siz kendi kullanıcı giriş formunuzun tasarımından memnun musunuz? Uzun bir aradan sonra tekrar bir giriş formu tasarımıyla sizlerleyiz. Bu sefer açık tonlar ve basit bir tasarım kullandık. Bu sefer iskeletimiz ise son teknoloji CSS3 ve HTML5 kod satırlarından oluşmakta! Nasıl hazırlanır? Sizler için hazırladığımız tasarım, form ile uygun bir arka plan rengi kullanmakta. Geçişli olan bu renk body tagına uygulanan linear-gradient ve box-shadow ile hazırlanmakta. Söz konusu arka plan daha önce CSS ile Yumuşak Geçişli Arka Planlar isimli konumuzda paylaşmıştık. İlk olarak HTML kodlarımızla başlayalım. Kodlarımızı biraz tanıyacak olursak ; Section HTML5 ile aramıza katılan bir element. Detaylar için buradaki makalemize göz atabilirsiniz. Form objelerimizdeki placeholder tanımlamaları text formunun varsayılan değeridir. Kişi formu doldurmak için tıkladığında otomatik olarak silinirler. Bildiğiniz gibi button oluşturmak için artık inputlarla cebelleşmemize gerek yok. Button tagına merhaba deyin! HTML: