Este timpul pentru o altă provocare CodePen! De data aceasta vreau să ne arătați ce puteți face unui formular de înscriere; tipul pe care îl puteți utiliza cu o listă de corespondență MailChimp sau Monitor de campanie. Asta e tot. Cele mai bune exemple vor fi prezentate într-o săptămână sau cam asa ceva!
Vrem ca acest formular să arate uimitor. E o formă
element care împachetează a eticheta
, un e-mail
și a a depune
buton (de asemenea, o intrare) - tipic de tipul de formă pe care ați încorporat-o pe site-ul dvs. Web pentru a colecta abonații pentru o listă de corespondență. Faceți tot ce doriți: modificați aspectul, perfecționați tipografia, adăugați animație, faceți-l roz, atâta timp cât ceea ce faceți se întâmplă în cadrul domeniului CSS.
Iată ce trebuie să faceți, în câțiva pași simpli.
În primul rând, mergeți la demonstrația de pe CodePen. Asa arata:
Loveste Furculiţă pentru a crea o copie proprie a acesteia, apoi efectuați cât mai multe modificări pe care doriți să le faceți la CSS.
Dacă sunteți conectat (ă) la CodePen puteți edita descrierea apăsând pe Info buton. Utilizați acest lucru pentru a da oamenilor o idee despre ceea ce ați făcut.
Lovit Salvați, ați terminat. Asigurați-vă că ne-ați informat în comentarii când ați terminat - și nu ezitați să ne anunțați prin tweeting-ul nostru @wdtuts, de asemenea.
Asta e! Toate intrările vor fi adăugate la această colecție pe CodePen și cele mai bune exemple vor fi prezentate pe Tuts + într-o săptămână sau cam asa ceva!
Noroc și nu uitați să urmați Tuts + pe Codepen!