Search

Print screen without any additional CSS

 

Zoeken module zonder aanvullende stijling

 

Structure with classes and id's


div.moduletable_zoeken
h3 Zoeken
form
div.search_zoeken
input.inputbox_zoeken#mod_search_searchword
input.button_zoeken

 

CSS


div.moduletable_zoeken {
   margin-bottom: 15px;
}

div.search_zoeken { }

div.search_zoeken input.inputbox_zoeken {
   margin-right: 2px;
   padding: 2px 0 0 2px;
}

div.search_zoeken input.button_zoeken { }

 

Print screen after applying CSS

 

Zoek module gestijld

 

Search results
Print screen without any additional CSS.

 

Zoekresultaten zonder aanvullende stijling

 

Structure with classes and id's


div.componentheading
form#searchForm
table.contentpaneopen
tr
td label Zoekterm:
td input.inputbox#search_searchword
button.button Zoeken
tr
td
input#searchphraseall label Alle woorden
input#searchphraseany label Ieder woord
input#searchphraseexact label Exacte zin
tr
td
label Volgorde: select.inputbox#ordering
Zoek alleen in:
input#area_content label Artikelen
input#area_weblinks label Weblinks
input#area_contacts label Contacten
table.searchintro
tr td Zoekterm lorem
tr td Totaal: 17 resultaten gevonden
div (align:center)
div (float: right)
label Toon #
select.inputbox#limit
div Pagina 1 van 4
table.contentpaneopen
tr td
fieldset
div
span.small 1. a Voorpagina artikel 9
span.small (voorpagina/Voorpagina artikel 4)
div
span.highlight Lorem
span.highlight Lorem
tr td
div (align:center) span.pagenav

 

CSS


form#searchForm { }

form#searchForm table.contentpaneopen td {
   padding: 0 0 5px 0;
}

table.contentpaneopen td label { }
table.contentpaneopen td input#search_searchword { }
table.contentpaneopen td button.button { }
table.contentpaneopen input#searchphraseall { }
table.contentpaneopen input#searchphraseany { }
table.contentpaneopen input#searchphraseexact { }
table.contentpaneopen td select#ordering { }
form#searchForm input#area_content { }
form#searchForm input#area_weblinks { }
form#searchForm input#area_contacts { }
form#searchForm input#area_categories { }
form#searchForm input#area_sections { }
form#searchForm input#area_newsfeeds { }
form#searchForm label { }

table.searchintro {
   width: 100%;
}

form#searchForm div { 
   width: 100px;
   margin-bottom: 20px;
}

form#searchForm div div {
   margin: 0;
}

form#searchForm div div label { }
form#searchForm div div select#limit { }

table.contentpaneopen td fieldset {
   border: none;
   margin: 0 0 10px 0;
}

table.contentpaneopen td fieldset div span.small {
   display: block;
   padding: 3px 0 3px 0;
}

table.contentpaneopen td a,
table.contentpaneopen td a:visited { }

table.contentpaneopen td a:hover { }

table.contentpaneopen td fieldset div span.highlight {
   font-weight: bold;
   background-color: #ff0000;
   color: #ffffff;
}

table.contentpaneopen td div span.pagenav { }

 

Print screen after applying CSS

 

Zoekresultaten pagina gestijld

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.