Contact Person

  • Print

Print screen without additional CSS

 

Weergave contactpersoon ongestijld

 

Structure with classes and id's


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

 

CSS


div.componentheading { }
table.contentpaneopen { }

form#selectForm {
   float: left;
   margin-bottom: 20px;
}

form#selectForm select.inputbox {}

form#selectForm select#contact_id {
   float: left;
   margin-top: 5px;
}

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 { }

 

Print screen after applying CSS

 

Weergave contactpersoon na stijling

Comments (2)
  • 1901-12-13 20:45:52 |Unregistered| Rob van Oudheusden  - css - contactperson
    It depends on the template you are using. Mostly you have to put in the styles yourself in the template.css file. If you need any help just send me an email to info@joomla-css.nl
    Reply
  • 1901-12-13 20:45:52 |Unregistered| Marcel Zwiers  - css - contact person
    Hi,

    The change you made on http://joomla-css.nl/index.php/en/components-a-modules-en-15/contact-person-en- 15 is exactly what I want to do. However, I am a first time joomla user and do not know where exactly to find this particular css file. I tried them all I think (e.g. in templates/system/css and in templates/ja_purity/css/), but couldn't find anything that looks like this example)...

    Thanks a lot,
    Marcel
    Reply
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.