 Joomla contactpersoon css stijlen
Indien een contact uit de contactcategorielijst wordt geselecteerd wordt de contact persoon getoond. Het is ook mogelijk om de weergave van een enkel contact persoon te koppelen aan een (menu)link. Zonder aanvullende stijling ziet de pagina er als volgt uit.
Structuur
div.componentheading
div#component-contact
table.contentpaneopen
tr td (align="center) form#selectForm select.inputbox#contact_id
tr td.contentheading Contact 1
tr td Positie 1
table
tr td
tr td
td (align="right")
tr td table
tr td (width="40") img
tr td Adres, Woonplaats,Provincie, Postcode, Land
table
tr td (width="40") img
tr td Email, Telefoon, Fax, Mobiel, Website
table
tr td (width="40") img
tr td Overige gegevens
tr td Download gegevens als een a vCard
tr td form.form-validate#emailForm
div.contact_email
label Vul uw naam in: input.inputbox#contact_name
label#contact_emailmsg E-mailadres: input.inputbox#contact_email
label Onderwerp bericht: input.inputbox#contact_subject
label#contact_textmsg Vul uw bericht in: textarea.inputbox.required#contact_text
input#contact_email_copy label E-mail een kopie ...
button.button.validate Verstuur
Stijlen
De pagina heeft geen aanvullende stijlen nodig. De stijlen zijn hieronder aangegeven.
div.componentheading { }
div#component-contact { }
table.contentpaneopen { }
form#selectForm { }
form#selectForm select.inputbox { }
form#selectForm select#contact_id { }
table.contentpaneopen td.contentheading { }
form.form-validate { }
form#emailForm { }
div.contact_email { }
div.contact_email label{ }
div.contact_email input.inputbox { }
div.contact_email input.required { }
div.contact_email input.validate-email { }
div.contact_email input#contact_name { }
div.contact_email label#contact_emailmsg { }
div.contact_email input#contact_email { }
div.contact_email input#contact_subject { }
div.contact_email label#contact_textmsg { }
div.contact_email textarea.inputbox { }
div.contact_email textarea.required { }
div.contact_email textarea#contact_text { }
div.contact_email input#contact_email_copy { }
div.contact_email button.button { }
div.contact_email button.validate { }
|