Sastavili smo popis od 60 besplatnih obrazaca za prijavu koje možete koristiti na svojoj WordPress stranici, blogu, forumu itd. Svaki obrazac je temeljito testiran kako bi se osiguralo da radi i izvorni kod je dostupan.
WordPress alat za prilagodbu prijave
Obrasci na ovom popisu izrađeni su pomoću HTML/CSS-a. Ali u ovom slučaju, govorimo o najboljem dodatku za prilagodbu korisničkog sučelja WordPressa. Dolazi s više predložaka koji se mogu dodatno prilagoditi kako bi odgovarali dizajnu vaše web stranice. Pomoću ovog dodatka možete se riješiti dosadne WordPress stranice za prijavu.
Kreativni obrazac za prijavu
Jednostavan, ali kreativan obrazac za prijavu kreiran pomoću HTML-a i CSS3. Može se koristiti i kao obrazac za registraciju. Ovo je naš omiljeni predložak s ovog popisa.
Tražili smo na internetu stvarno cool obrasce za autorizaciju, ali pokazalo se da ih je teško pronaći. Zato smo odlučili da vam predstavimo našu. Ovdje je 20 obrazaca za prijavu koje je dizajnirao naš tim.
Obrazac ovlaštenja br.1
Jednostavan, kreativan i živopisan obrazac za prijavu s gradijentnom pozadinom. Možete ga koristiti za bilo koju svrhu, kao što je autorizacija u web servisu, mobilnoj ili desktop aplikaciji.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 2
Minimalistički i sofisticirani obrazac za prijavu s gumbom, gradijentnom ispunom, animacijom i logotipom. Koristite ga mijenjanjem potrebnih elemenata.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.3
Stranica za prijavu s pozadinskom slikom, sjenom i efektom lebdenja za gumb za prijavu.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 4
Možete preuzeti ovaj web obrazac i koristiti ga kako želite. Potpuno je prilagodljiv.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 5
Lijepa i moderna forma s opcijama prijave putem Facebooka ili Googlea. Njegovi gumbi imaju prekrasne efekte lebdenja kako bi korisnicima pružili sjajno korisničko iskustvo.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 6
Ako je web stranica uredna i lijepa, obrazac za prijavu ne bi se trebao razlikovati od njezinog dizajna. Evo obrasca koji će zasigurno ispuniti vaša očekivanja.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 7
Obrazac s tri opcije za prijavu na vaš račun: Facebook, Twitter ili e-mail. A ako korisnik još nema račun, obrazac možete povezati sa stranicom za registraciju.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.8
Još jedan moderan, moderan i lijep obrazac za prijavu. Posebno dobro izgleda na mobilnim uređajima.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br. 9
Ako želite pobjeći od čistog bijelog ili monokromatskog dizajna, obratite pozornost na ovaj oblik. Podržava dodavanje pozadinske slike ili sloja gradijenta. Postoji i mogućnost prijave putem Facebooka ili Googlea.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.10
Ovo je upravo suprotno od prethodne opcije. Izgleda minimalistički, ali u isto vrijeme vrlo uredno.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.11
Umjesto stvaranja obrasca od nule, možete upotrijebiti izvrstan predložak spreman za korištenje poput ovog.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.12
Pozadinska slika s plavim slojem sjene, ime s avatarom i polja za unos je obrazac ovlaštenja br. 12. Dodan efekt lebdenja gumbu za prijavu.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.13
Predložak podijeljenog zaslona gdje je jedna polovica za sliku, a druga za oblik.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.14
Ova zbirka sadrži jednostavne i složenije obrasce za prijavu. A predložak broj 14 je jedan od minimalističkih.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.15
Prilično minimalistički oblik, ali možete dodati banner na vrh. Zahvaljujući ovoj maloj opciji obrazac možete učiniti privlačnijim.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.16
Ovo je obrazac za prijavu sa slikom preko cijelog zaslona, na čijem se vrhu nalaze polja za unos vaše prijave i lozinke, kao i gumb s efektom lebdenja.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.17
Kako biste svoj obrazac učinili personaliziranijim, možete koristiti ovaj predložak. Uključuje sliku sa strane.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.18
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.19
Živahno, energično i uzbudljivo - to je ono o čemu se radi u ovom obrascu za prijavu. Potpuno je responzivan, optimiziran za mobilne uređaje i kompatibilan sa svim većim web preglednicima.
preuzimanje datoteka
Pregled
Obrazac ovlaštenja br.20
Gradijentna pozadina, crni gumb s efektom lebdenja, polja za unos prijave i lozinke, kao i odjeljak "Zaboravili ste lozinku?". Sve to nalazi se u obrascu ovlaštenja br.20.
preuzimanje datoteka
Pregled
Padajući obrazac za prijavu
preuzimanje datoteka
Plutajući obrazac za prijavu
Dizajnirano za obrasce za pretplatu pomoću kartica i oznaka.
preuzimanje datoteka
Jednostavan obrazac za autorizaciju
Ono što je zaustavljalo ljude kada su se htjeli prijaviti na WordPress stranicu je to što je izgledalo previše jednostavno. Ovaj oblik zadržava popularni dizajn, ali mu dodaje boju.
preuzimanje datoteka
Jednostavna prijava – obrazac za prijavu
Kada kliknete gumb “Klikni me” koji se nalazi u gornjem desnom kutu, obrazac za prijavu će se putem animacije pretvoriti u obrazac za registraciju.
preuzimanje datoteka
Prijavite se sa samostalnim SCSS obrascem
Ovo je obrazac kreiran pomoću SCSS-a. CSS proširenje koje dodaje novu funkcionalnost i eleganciju osnovnom jeziku. Omogućuje vam korištenje varijabli, ugniježđenih pravila, ugrađeni uvoz i još mnogo toga.
preuzimanje datoteka
Animirani obrazac za prijavu
Ovo je animirani obrazac za prijavu, a gornji dio "Hej, prijavite se već" pretvara se u obrazac kada kliknete gumb.
preuzimanje datoteka
Obrazac za prijavu koristeći CSS3 i HTML5
Primjer kako stvoriti jednostavan obrazac za prijavu pomoću HTML5 i CSS3. Koristi pseudo elemente (:after i :before) za stvaranje efekta više stranica. Ovaj obrazac koristi HTML5 za pojednostavljenje provjere i prezentacije podataka.
preuzimanje datoteka
Prijavite se s efektom trešnje
Ako ste unijeli pogrešnu lozinku, bit ćete obaviješteni prekrasnim efektom trešnje. Jednostavno i učinkovito rješenje.
preuzimanje datoteka
Boxy obrazac za prijavu
preuzimanje datoteka
Animirani obrazac za prijavu
Uredan mali obrazac za prijavu Kada kliknete na gumb "PRIJAVA" koji se nalazi s lijeve strane, prikazat će se obrazac za prijavu.
HTML oznake koje definiraju HTML forme na stranici
Izrađujemo web stranice i pojedinačne stranice na internetu za komunikaciju s posjetiteljima.
HTML obrasci koriste se za registraciju posjetitelja na stranici, za interaktivne ankete i glasovanje, omogućuju vam slanje poruka, kupnju i tako dalje. HTML Obrazac je kreiran s jednom svrhom: prikupljanje i naknadni prijenos informacija za obradu softverskom skriptom ili putem e-pošte.
Primjer HTML obrasca | Unesite stranicu
Oznake, atributi i vrijednosti
- - odrediti oblik.
- name="" - definira naziv forme.
- method="" - definira način slanja podataka iz forme. Vrijednosti: "get" (zadano) i "post" . Metoda "post" često se koristi jer omogućuje prijenos velikih količina podataka.
- action="" - definira url na koji se podaci šalju na obradu. U našem slučaju - enter_data.php ..
- - definirati elemente obrasca kao što su gumbi, prekidači, tekstualna polja za unos podataka.
- type="text" - definira tekstualno polje za unos podataka.
- type="password" - definira polje za unos lozinke, pri čemu se tekst prikazuje u obliku zvjezdica ili kružića.
- type="checkbox" - definira radio gumb.
- type="hidden" - definira skriveni element obrasca - koristi se za prijenos dodatnih informacija na poslužitelj.
- size="25" - duljina tekstualnog polja u znakovima.
- maxlength="30" - najveći dopušteni broj unesenih znakova.
- value="" - definira vrijednost koja će se poslati na obradu ako se odnosi na radio gumbe ili prekidače. Vrijednost ovog atributa kao dijela tekstualnog polja ili gumba bit će prikazana kao, na primjer, Vasya ili Login u gornjem primjeru.
Primjer HTML obrasca | Komentari na stranici
|