Joomla CSS, uw bron voor CSS stijlen!Joomla css stijl index

Hieronder treft u een alfabetisch overzicht aan van alle Joomla stjilen en ID's. In de derde kolom wordt verwezen naar een uitgewerkt voorbeeld in het stijlplan (zie het rechtermenu). 

Class / ID Verschijningsvormen Zie voorbeeld
A
active a.active 4. L. Pagebreak
active li.active 5. N. Menu / Main menu
adminform table.adminform 4. M. Frontend editor
alt input#alt 4. M. Frontend editor
area_contacts input#area_contacts 5. S. Zoeken
area_content input#area_content 5. S. Zoeken
area_weblinks input#area_weblinks 5. S. Zoeken
archive-list ul#archive-list 4. D. Archief
article_column td.article_column 4. B. Voorpagina blog
article_separator span.article_separator 4. B. Voorpagina blog
author span.author 4. D. Archief
B
bannerfooter div.bannerfooter_banner *) 5. A. Banners
bannergroup div.bannergroup_banner *) 5. A. Banners
bannerheader div.bannerheader 5. A. Banners
banneritem div.banneritem_banner *) 5. A. Banners
blockrandom iframe#blockrandom 5. V. Wrapper
blog table.blog 4. B. Voorpagina blog
blog_more div.blog_more 4. B. Voorpagina blog
blogsection a.blogsection 4. B. Voorpagina blog
breadcrumbs span.breadcrumbs 5. B. Kruimelpad
button button.button 3. Algemene stijlen
button input.button_zoeken *) 5. S. Zoeken
buttonheading td.buttonheading 4. A. Buttonheadings
C
calendar img.calendar 4. M. Frontend editor
category a.category 5. C. Contact categorie
clr div.clr 5. A. Banners
column_separator td.column_separator 4. B. Voorpagina blog
com-form-login form#com-form-login 5. L. Gebruiker / user
com-form-login-password p#com-form-login-password 5. L. Gebruiker / user
com-form-login-remember p#com-form-login-remember 5. L. Gebruiker / user
com-form-login-username p#com-form-login-username 5. L. Gebruiker / user
componentheading div.componentheading 4. B. Voorpagina blog
componentheading td.componentheading 5. F. Feedlinks
contact_email input#contact_email,
div.contact_email
5. D. Contactpersoon
contact_email_copy input#contact_email_copy 5. D. Contactpersoon
contact_emailmsg label#contact_emailmsg 5. D. Contactpersoon
contact_name input#contact_name 5. D. Contactpersoon
contact_subject input#contact_subject 5. D. Contactpersoon
contact_text textarea#contact_text 5. D. Contactpersoon
contact_textmsg label#contact_textmsg 5. D. Contactpersoon
contentdescription td.contentdescription 4. F. Categorie lijst
contentdescription div.contentdescription 5. C. Contact categorie
contentheading td.contentheading 4. B. Voorpagina blog
contentheading td.contentheading_flits *) 5. P. Nieuws flits
contentpagetitle a.contentpagetitle 4. B. Voorpagina blog
contentpagetitle a.contentpagetitle_flits *) 5. P. Nieuws flits
contentpane body.contentpane 5. M. Mailto
contentpane table.contentpane 4. F. Categorie lijst
contentpane div.contentpane 5. C. Contact categorie
contentpaneopen table.contentpaneopen 4. B. Voorpagina blog
contentpaneopen table.contentpaneopen_flits *) 5. P. Nieuws flits
contentpaneopen_edit div.contentpaneopen_edit 4. G. Sectie blog
contenttoc table.contenttoc 4. L. Pagebreak
created_by_alias input#created_by_alias 4. M. Frontend editor
createdate td.createdate 4. B. Voorpagina blog
created-date span.created-date 4. D. Archief
current li#current 5. N. Menu / Main menu
D
description span.description 5. U. Weblinks
E
email input#email 5. L. Gebruiker / user
emailForm form#emailForm 5. D. Contactpersoon
emailmsg label#emailmsg 5. L. Gebruiker / user
F
form-login form#form-login 5. K. Log-in module
form-validate form.form-validate 5. D. Contactpersoon
H
hasTip span.hasTip 4. A. Buttonheadings
highlight span.highlight 5. S. Zoeken
I
input fieldset.input 5. K. Log-in module
inputbox input.inputbox, select.inputbox 3. Algemene stijlen
inputbox input.inputbox_zoeken *) 5. S. Zoeken
inputbox textarea.inputbox 4. M. Frontend editor
intro div.intro 4. D. Archief
item(x) li.item1, li.item2, li.item3 etc. 5. N. Menu / Main menu
J
jForm form#jForm 4. D. Archief
josForm form.josForm 5. L. Gebruiker / user
K
key td.key 4. M. Frontend editor
L
latestnews a.latestnews_laatst *) 5. H. Laatste nieuws
latestnews ul.latestnews_laatst *) 5. H. Laatste nieuws
latestnews li.latestnews_laatst *) 5. H. Laatste nieuws
limit select#limit 4. D. Archief
M
menu ul.menu_hoofdmenu *) 5. N Menu / Main menu
metadata h5.metadata 4. D. Archief
metadesc textarea#metadesc 4. M. Frontend editor
metakey textarea#metakey 4. M. Frontend editor
modifydate td.modifydate 4. B. Voorpagina blog
mod_login_password input#mod_login_password 5. K. Log-in module
mod_login_remember input#mod_login_remember 5. K. Log-in module
mod_login_username input#mod_login_username 5. K. Log-in module
mod_search_searchword input.mod_search_searchword 5. S. Zoeken
moduletable div.moduletable_banner *) 5. A. Banners
moduletable div.moduletable_feed *) 5. G. Feed weergave
moduletable table.moduletable_feed *) 5. G. Feed weergave
moduletable div.moduletable_flits *) 5. P. Nieuws flits
moduletable table.moduletable_flits *) 5. P. Nieuws flits
moduletable div.moduletable_hoofdmenu *) 5. N. Menu / Main menu
moduletable div.moduletable_kruimelpad *) 5. B. Kruimelpad
moduletable div.moduletable_login *) 5. K. Log-in module
moduletable div.moduletable_laatst *) 5. H. Laatste Nieuws
moduletable div.moduletable_meest *) 5. O. Meest gelezen
moduletable div.moduletable_related *) 5. R. Gerelateerde items
moduletable div.moduletable_secties *) 5. T. Secties
moduletable div.moduletable_syndicate *) 5. E. Feed Syndicate
moduletable div.moduletable_voorbeeld *) 5. P. Poll / Enquête
moduletable div.moduletable_zoeken *) 5. S. Zoeken
month select#month 4. D. Archief
mostread a.mostread_meest *) 5. O. Meest gelezen
mostread li.mostread_meest *) 5. O. Meest gelezen
mostread ul.monstread_meest *) 5. O. Meest gelezen
N
name input#name 5. L. Gebruiker / user
namemsg label#namemsg 5. L. Gebruiker / user
navigation div#navigation 4. D. Archief
newsfeed ul.newsfeed_feed *) 5. G. Feed weergave
newsfeed_item div.newsfeed_item_feed *) 5. G. Feed weergave
O
ordering select#ordering 5. S. Zoeken
P
pagecounter td.pagecounter 5. U. Weblinks
pagenav (span) span.pagenav 4. B. Voorpagina blog
pagenav (table) table.pagenave 4. F. Categorielijst
pagenavbar div.pagenavbar 4. L. Pagebreak
pagenavcounter div.pagenavcounter 4. L. Pagebreak
pagenav_next th.pagenav_next 4. F. Categorie lijst
pagenav_prev th.pagenav_prev 4. F. Categorie lijst
passwd input#passwd 5. L. Gebruiker / user
password input#password 5. L. Gebruiker / user
password1 input#password1 5. L. Gebruiker / user
password2 input#password2 5. L. Gebruiker / user
pathway a.pathway, span.pathway 5. B. Kruimelpad
poll table.poll 5. P. Poll / Enquête
poll form#poll 5. P. Poll / Enquête
polls_color(x) div.polls-color1,
div.polls-color2, etc.
5. P. Poll / Enquête
pollstableborder table.pollstableborder_voorbeeld *) 5. P. Poll / Enquête
pollstableborder table.pollstableborder 5. P. Poll / Enquête
publish_down input#publish_down 4. M. Frontend editor
publish_up input#publish_up 4. M. Frontend editor
pw2msg label#pw2msg 5. L. Gebruiker / user
pwmsg label#pwmsg 5. L. Gebruiker / user
R
readon a.readon 4. B. Voorpagina blog
related ul.related_related *) 5. R. Gerelateerde items
remember input#remember 5. L. Gebruiker / user
required input.required, textarea.required 5. D. Contactpersoon
row li.row 4. D. Archief
S
search div.search_zoeken 5. S. Zoeken
searchintro table.searchintro 5. S. Zoeken
searchForm form#searchForm 5. S. Zoeken
searchphraseall input#searchphraseall 5. S. Zoeken
searchphraseany input#searchphraseany 5. S. Zoeken
searchphraseexact input#searchphraseexact 5. S. Zoeken
search_searchword input#search_searchword 5. S. Zoeken
sections ul.sections_secties *) 5. T. Secties
sectiontableentry0 tr.sectiontableentry0 5. P. Poll / Enquête
sectiontableentry0 td.sectiontableentry0 5. P. Poll / Enquête
sectiontableentry1 tr.sectiontableentry1 5. P. Poll / Enquête
sectiontableentry1 td.sectiontableentry1 4. F. Categorie lijst
sectiontableentry1 td.sectiontableentry1_voorbeeld *) 5. P. Poll / Enquête
sectiontableentry2 tr.sectiontableentry2 5. U. Weblinks
sectiontableentry2 td.sectiontableentry2 4. F. Categorie lijst
sectiontableentry2 td.sectiontableentry2_voorbeeld *) 5. P. Poll / Enquête
sectiontablefooter td.sectiontablefooter 4. F. Categorie lijst
sectiontableheader td.sectiontableheader 4. F. Categorie lijst
selectForm form#selectForm 5. D. Contactpersoon
small span.small 4. B. Voorpagina blog
smalldark td.smalldark 5. P. Poll / Enquête
system-pagebreak hr.system-pagebreak 4. M. Frontend editor
system-readmore hr#system-readmore 4. M. Frontend editor
T
title h4.title 4. D. Archief
title input#title 4. M. Frontend editor
toclink a.toclink 4. L. Pagebreak
token input#token 5. L. Gebruiker / user
tooltip .tooltip 4. A. Buttonheadings
U
username input#username 5. L. Gebruiker / user
usernamemsg label#usernamemsg 5. L. Gebruiker / user
V
validate button.validate 5. D. Contactpersoon
validate-email input.validate-email 5. D. Contactpersoon
validate-passverify input.validate-passverify 5. L. Gebruiker / user
validate-password input.validate-password 5. L. Gebruiker / user
validate-username input.validate-username 5. L. Gebruiker / user
vodeid(x) input.vodeid1, input.vodeid2, etc 5. P. Poll / Enquête
W
wrapper iframe.wrapper 5. V. Wrapper
Y
year select#year 4. D. Archief
 
*) Deze stijlen hebben een module class suffix toevoeging, zoals in de voorbeeld website is opgegeven. Dit zijn slechts voorbeelden. Uiteraard kunt u hier uw eigen module class suffix opgeven.