Profil ve Giriş formu Tasarımı

0
190
views

profil

Css3  ile hazırlanmış kullanışlı bir giriş  formu örneği.  Tamamen css kullanılarak hazırlanmış olan bu giriş formu örneğinde herhangi bir  resim dosyası bulunmuyor. Giriş formundaki input bölümlerinin solunda bulunan ikonlarda font avesome kullanılmış. Ayrıca aynı css kodları ile  beraber  demosayfasında birde kişi kartıda bulunuyor. Kullanıcıların giriş işleminden sonraki sayfalarında  kullanıcı bilgileri ve fotoğrafının görüntülenebileceği bir bölüm.  Bu özellik daha çok sosyal ağ siteerini  andırsada  çoğu forum sitesinde de  kullanılabilir  bir örnek diye  düşünüyorum.

Form örneğinin en güzel tarafı  input alanlarının görünmemesi. Tıklanılabilir  olduğundan bile insan şüphe duyabiliyor. E-mail ve Password yazan yerlere tıkladığınızda  kaybolup görünen bir dikey çizgi beliriyor ve siz yazmaya başladıktan sonra E-mail ve Password yazısı kayboluyor.  Yeşil renkle  hazırlanmış olan login butonu mouse ile üzerine geldiğinizde hafif  bir renk değişimine uğruyor ve tıkladığınızda ise içeri batarmış  gibi  görünüyor.

 

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

Font awesome adresi : 

 Css : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

 

Aranan kelimeler:

  • border-radius: 5px; box-shadow: inset 0 0 1px 2px #e60000 0 1px 2px rgba(50 50 50 0 7
1 oy (No Ratings Yet)
Loading...
Önceki İçerikTıklandığında kayan metal görünümlü onay kutuları
Sonraki İçerikHorizontal navigation
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here