User

  • Print

Print screen Forgot password (=Dutch: Wachtwoord vergeten)


Wachtwoord vergeten zonder aanvullende stijling

 

Structure with classes and id's


div.componentheading Wachtwoord vergeten?
form.josForm.form-validate
table.contentpane
tr
td (colspan:2 height:40) p Content
tr
td (height:40) label.hasTip E-mailadres:
td input.required.validate-email#email
button.validate Voeg toe

 

CSS

 

form.form-validate { }
table.contentpane { }
table.contentpane td { }

table.contentpane td label.hasTip {
   font-weight: bold;
}

table.contentpane td p { }

table.contentpane td input.required { }
table.contentpane td input.validate-email { }

table.contentpane td input#email {
   width: 300px;
}

form.form-validate button.validate {
   margin-top: 10px;
}

 

Print screen after applying CSS

 

Pagina Wachtwoord vergeten gestijld

 

Confirm you account

 

Pagina Bevestig uw account

 

CSS

 

table.contentpane td input#token {
   width: 400px;
}

 

New password

 

Herstel uw wachtwoord

 

Log-in page

 

Inlog scherm na invullen herstel wachtwoord

 

Structure with classes and id's


form#com-form-login
table.contentpane (align:center)
tr td div img (key.jpg) Om toegang te krijgen ...
fieldset.input
p#com-form-login-username label Gebruikersnaam
input.inputbox#username p#com-form-login-password label Wachtwoord
input.inputbox#passwd p#com-form-login-remember label Herinner mij
input.inputbox#remember input.button
ul
li a Wachtwoord vergeten?
li a Gebruikersnaam vergeten?
li a Registreer

 

CSS

 

form#com-form-login {}
table.contentpane { }

form#com-form-login table.contentpane {
   margin: 11px 0 15px 0;
}

/* Geen afbeelding die bij de stijl van de website past */
table.contentpane td div img {
   display: none;
}

form#com-form-login fieldset.input {
   border: none;
}

/* Paragraaf instellingen label en inputvelden */
p#com-form-login-username,
p#com-form-login-password,
p#com-form-login-remember {
   margin: 0 0 5px 0;
   padding: 0;
}

/* inputveld gebruikersnaam en wachtwoord */
input#username, input#passwd {
   width: 150px;
   height: 18px;
   border: 1px #8a9aa7 solid;
}

/* checkbox automatisch inloggen */
input#remember {
   background: none;
}

/* ongenummerde lijst login formulier */
form#com-form-login ul { }

form#com-form-login li a,
form#com-form-login li a:active  {
   font-family: Arial;
   font-size: 11px;
}

form#com-form-login li a:hover {
   font-family: Arial;
   font-size: 11px;
}

input.button {}

 

Print screen after applying CSS

 

Pagina log-in na herstel wachtwoord gestijld

 

Forgot username


Gebruikersnaam vergeten

 

 

Register

 

Registratiepagina ongestijld

 

Structure with classes and id's


form.form-validate#josForm
div.componentheading
table.contentpane
tr
td (width:30% height:40) label#namemsg Naam:
td input.inputbox.required#name
tr
td (height:40) label#usernamemsg Gebruikersnaam:
td input.inputbox.required.validate-username#username
tr
td (height:40) label#emailmsg E-mail:
td input.inputbox.required.validate-email#email
tr
td (height:40) label#pwmsg Wachtwoord:
td input.inputbox.required.validate-password#password
tr
td (height:40) label#pw2msg Bevestig wachtwoord:
td input.inputbox.required.validate-passverify#password2
tr
td (height:40) De gemerkte velden (*) zijn verplicht.

 

CSS

 

form.form-validate { }
form#josForm { }

div.componentheading { }

table.contentpane { }
table.contentpane td { }

table.contentpane td label#namemsg {
   display: block;
   margin-top: 10px;
}

table.contentpane td input.inputbox  { }
table.contentpane td imput.required { }
table.contentpane td input#name {
   width: 300px;
   margin-top: 10px;
}

table.contentpane td label#usernamemsg {
   display: block;
   margin-top: 10px;
}

table.contentpane td input.inputbox  { }
table.contentpane td input.required { }
table.contentpane td input.validate-username { }
table.contentpane td input#username {
   width: 300px;
   margin-top: 10px;
}

table.contentpane td label#emailmsg {
   display: block;
   margin-top: 10px;
}

table.contentpane td input.inputbox  { }
table.contentpane td input.required { }
table.contentpane td input.validate-email { }
table.contentpane td input#email {
   width: 300px;
   margin-top: 10px;
}

table.contentpane td label#pwmsg {
   display: block;
   margin-top: 10px;
}

table.contentpane td input.inputbox  { }
table.contentpane td input.required { }
table.contentpane td input.validate-password { }
table.contentpane td input#password {
   width: 300px;
   margin-top: 10px;
}

table.contentpane td label#pw2msg {
   display: block;
   margin-top: 10px;
}

table.contentpane td input.inputbox  { }
table.contentpane td input.required { }
table.contentpane td input.validate-passverify { }
table.contentpane td input#password2 {
   margin-top: 10px;
}

form.form-validate button.button { }
form.form-validate button.validate { }
form#josForm button.button { }
form#josForm button.validate { }

 

Print screen after applying CSS

 

Pagina Registreer gestijld

 

Activation complete

 

Pagina activatie compleet

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.