Stijl index

Lees dit eerst !

Joomla 1.5 stijlen

Joomla 1.6 / 1.7 / 2.5 stijlen

Submenu's

Maak uw eigen template

Video Handleidingen

Test uw website

Project begeleiding

Download

Visitors

43.3%		Netherlands
5.9%		Germany
5.9%		United States
3.9%		Belgium
3.9%		India
3.8%		Spain
3.3%		Italy
3.2%		Poland
2.6%		France
2.5%		United Kingdom
2.3%		Greece
1.6%		Russian Federation
1.2%		Japan
1.1%		Australia
1.1%		Canada

Today:	159
Yesterday:	332
This Week:	1945
Last Week:	2391
This Month:	6102
Last Month:	9098
Total:	25270

ieronder 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	Pagina	HTML
A
.actions	Print, email en editor iconen	ul
.active	Menu	li
#adminForm	Lijst Eén Contact Categorie	form
#adminForm	Lijst Eén Newsfeed categorie	form
#adminForm	Lijst Eén Weblink Categorie	form
.archive	Archief	div
#archive-items	Archief	ul
.archive-module	Archief module	ul
#area_categories	Zoeken	input
#area_contacts	Zoeken	input
#area_content	Zoeken	input
#area_newsfeeds	Zoeken	input
#area_weblinks	Zoeken	input
#article-index	Pagina opsplitsing	div
.article-info	Artikel Details	dl
.article-info-term	Artikel Details	dt
B
.bannerfooter	Banner	div
.bannergroup	Banner	div
.banneritem	Banner	div
.base-desc	Lijst Alle Contact Categoriën	div
.base-desc	Lijst Alle Newsfeed Categoriën	div
.base-desc	Lijst Alle Weblink Categoriën	div
#blockrandom	Wrapper	iframe
.blog	Voorpagina- / Categorie blog	div
.blog-featured	Voorpagina- / Categorie blog	div
.breadcrumbs	Kruimelpad	span
.button	E-mail popup venster	button
.button	Gebruikersbeoordeling	button
.button	Contact + Contactformulier	button
.button	Archief	button
.button	Gebruiker profiel	button
.button	Zoeken	input
.button	Zoeken	button
.button	Login	input
C
.categories-list	Lijst Alle Categoriën	div
.categories-list	Lijst Alle Contact Categoriën	div
.categories-list	Lijst Alle Newsfeed Categoriën	div
.categories-list	Lijst Alle Weblink Categoriën	div
.category	Lijst Eén Contact Categorie	table
.category	Lijst Eén Newsfeed categorie	table
.category	Lijst Eén Weblink Categorie	table
.category-desc	Voorpagina- / Categorie blog	div
.category-desc	Lijst Alle Categoriën	div
.category-desc	Lijst Eén Categorie	div
.category-desc	Lijst Alle Contact Categoriën	div
.category-desc	Lijst Eén Contact Categorie	div
.category-desc	Lijst Alle Newsfeed Categoriën	div
.category-desc	Lijst Eén Newsfeed categorie	div
.category-desc	Lijst Alle Weblink Categoriën	div
.category-desc	Lijst Eén Weblink Categorie	div
.category-list	Lijst Eén Categorie	div
.category-name	Artikel Details	dd
.cat-children	Lijst Eén Categorie	div
.cat-items	Lijst Eén Categorie	div
.cat-list-row0	Lijst Eén Contact Categorie	tr
.cat-list-row0	Lijst Eén Newsfeed categorie	tr
.cat-list-row0	Lijst Eén Weblink Categorie	tr
.cat-list-row1	Lijst Eén Contact Categorie	tr
.cat-list-row1	Lijst Eén Newsfeed categorie	tr
.cat-list-row1	Lijst Eén Weblink Categorie	tr
.clr	Voorpagina- / Categorie blog	div
.clr	Lijst Eén Categorie	div
.clr	Lijst Eén Newsfeed categorie	div
.clr	Lijst Eén Weblink Categorie	div
.clr	Banner	div
.cols-n	Voorpagina- / Categorie blog	div
.column-n (n=aantal kolommen)	Voorpagina- / Categorie blog	div
.contact	Contact + Contactformulier	div
.contact-address	Contact + Contactformulier	div
.contact-articles	Contact + Contactformulier	div
.contact-category	Lijst Eén Contact Categorie	div
.contact-category	Contact + Contactformulier	span
.contact-contactinfo	Contact + Contactformulier	span
.contact-country	Contact + Contactformulier	span
.contact-email	Contact + Contactformulier	div
#contact-email	Contact + Contactformulier	input
#contact-email-copy	Contact + Contactformulier	input
#contact-emailmsg	Contact + Contactformulier	label
.contact-fax	Contact + Contactformulier	span
.contact-form	Contact + Contactformulier	form
#contact-formname	Contact + Contactformulier	input
.contact-links	Contact + Contactformulier	div
.contact-mailto	Contact + Contactformulier	span
.contact-misc	Contact + Contactformulier	div
.contact-miscinfo	Contact + Contactformulier	div
.contact-mobile	Contact + Contactformulier	span
.contact-name	Contact + Contactformulier	span
.contact-position	Contact + Contactformulier	p
.contact-postcode	Contact + Contactformulier	span
.contact-state	Contact + Contactformulier	span
.contact-street	Contact + Contactformulier	span
#contact-subject	Contact + Contactformulier	input
.contact-suburb	Contact + Contactformulier	span
.contact-telephone	Contact + Contactformulier	span
#contact-text	Contact + Contactformulier	textarea
#contact-textmsg	Contact + Contactformulier	label
.contact-webpage	Contact + Contactformulier	span
.contentpane	Print popup venster	body
.contentpane	Wrapper	div
.content_rating	Gebruikersbeoordeling	span
.content_vote	Gebruikersbeoordeling	span
.counter	Paginatie Enkel Artikel	p
.counter	Zoeken	p
.create	Artikel Details	dd
.createdby	Artikel Details	dd
.current	Menu	li
D
.display-limit	Lijst Eén Newsfeed categorie	div
.display-limit	Lijst Eén Weblink Categorie	div
E
.edit-icon	Print, email en editor iconen	li
#emailForm	Contact + Contactformulier	form
.email-icon	Print, email en editor iconen	li
F
.feed	Feed	div
.feed-description	Inhoud Newsfeed	div
.feed-item-description	Inhoud Newsfeed	div
.feed-link	Feed	h4
.feed-link	Feed	h5
.filters	Archief	fieldset
.filters	Lijst Eén Newsfeed categorie	fieldset
.filters	Lijst Eén Weblink Categorie	fieldset
.filter-search	Archief	div
#filter-search	Archief	input
.filter-search-lbl	Archief	label
.first	Lijst Alle Categoriën	li
.first	Lijst Eén Categorie	li
.first	Lijst Alle Contact Categoriën	li
.first	Lijst Alle Newsfeed Categoriën	li
.first	Lijst Alle Weblink Categoriën	li
.formelm	E-mail popup venster	div
.form-limit	Zoeken	div
#form-login-password	Login	p
#form-login-remember	Login	p
.form-required	Contact + Contactformulier	form
#form-login-username	Login	p
.form-validate	Contact + Contactformulier	form
.form-validate	Gebruiker profiel	form
.form-validate	Nieuwe gebruikersnaam	form
.form-validate	Nieuw wachtwoord	form
#from_field	E-mail popup venster	input
H
.hasTip	Print, email en editor iconen	span
.hasTip	Gebruiker profiel	label
.hasTip	Gebruiker registratie	label
.hasTip	Nieuwe gebruikersnaam	label
.hasTip	Nieuw wachtwoord	label
.hidelabeltxt	Archief	legend
.hidelabeltxt	Lijst Eén Newsfeed categorie	legend
.hidelabeltxt	Lijst Eén Weblink Categorie	legend
.hits	Artikel Details	dd
I
.inputbox	E-mail popup venster	input
.inputbox	Archief	input, select
.inputbox	Contact + Contactformulier	input
.inputbox	Contact + Contactformulier	textarea
.inputbox	Lijst Eén Newsfeed categorie	input
.inputbox	Lijst Eén Weblink Categorie	select
.inputbox	Zoeken	input
.intro	Archief	div
.item-link	Lijst Eén Newsfeed categorie	th, td
#item-n (n=id nr.)	Menu	li
.item-num-art	Lijst Eén Newsfeed categorie	th, td
.item-page	Enkel Artikel	div
.item-phone	Lijst Eén Contact Categorie	th, td
.item-position	Lijst Eén Contact Categorie	th, td
.item-separator	Ruimte tussen Artikelen / Rijen	div
.item-state	Lijst Eén Contact Categorie	th, td
.item-suburb	Lijst Eén Contact Categorie	th. td
.items-leading	Voorpagina- / Categorie blog	div
.items-more	Meer artikelen	div
.items-row	Voorpagina- / Categorie blog	div
.item-title	Lijst Alle Categoriën	span
.item-title	Lijst Eén Categorie	span
.item-title	Lijst Alle Contact Categoriën	span
.item-title	Lijst Alle Newsfeed Categoriën	span
.item-title	Lijst Eén Contact Categorie	th, td
.item-title	Lijst Eén Newsfeed categorie	th, td
.item-title	Lijst Alle Weblink Categoriën	span
J
#jForm	Archief	form
#jform_email	Gebruiker registratie	input
#jform_email	Nieuwe gebruikersnaam	input
#jform_email-lbl	Nieuwe gebruikersnaam	label
#jform_email	Nieuw wachtwoord	input
#jform_email-lbl	Nieuw wachtwoord	label
#jform_email1	Gebruiker profiel	input
#jform_email1-lbl	Gebruiker profiel	label
#jform_email2	Gebruiker profiel	input
#jform_email2-lbl	Gebruiker profiel	label
jform_email-lbl	Gebruiker registratie	label
#jform_name	Gebruiker profiel	input
#jform_name-lbl	Gebruiker profiel	label
#jform_params_admin_language	Gebruiker profiel	select
#jform_params_admin_language-lbl	Gebruiker profiel	label
#form_params_admin_style	Gebruiker profiel	select
#form_params_admin_style-lbl	Gebruiker profiel	label
#jform_params_editor	Gebruiker profiel	select
#jform_params_editor-lbl	Gebruiker profiel	label
#jform_params_helpsite	Gebruiker profiel	select
#jform_params_helpsite-lbl	Gebruiker profiel	label
#jform_params_language	Gebruiker profiel	select
#jform_params_language-lbl	Gebruiker profiel	label
#jform_params_timezone	Gebruiker profiel	select
#jform_params_timezone-lbl	Gebruiker profiel	label
#jform_password1-lbl	Gebruiker profiel	label
#jform_password2-lbl	Gebruiker profiel	label
#jform_spacer-lbl	Gebruiker registratie	label
.jicons-icons	Contact + Contactformulier	div
L
.last	Lijst Alle Categoriën	li
.last	Lijst Eén Categorie	li
.last	Lijst Alle Contact Categoriën	li
.last	Lijst Alle Newsfeed Categoriën	li
.last	Lijst Alle Weblink Categoriën	li
.latestnews	Laatste Nieuws	ul
.leading-n	Voorpagina- / Categorie blog	div
#limit	Archief	select
.limit	Lijst Eén Newsfeed categorie	select
.limit	Lijst Eén Weblink Categorie	select
#limit	Zoeken	select
.login	Gebruiker profiel	div
#login-form	Login	form
.login-greeting	Login	div
.login-fields	Gebruiker profiel	div
.logout-button	Login	div
M
.mailto-close	E-mail popup venster	div
#mailto_field	E-mail popup venster	input
#mailtoForm	E-mail popup venster	form
#mailto-window	E-mail popup venster	div
#member-profile	Gebruiker profiel	form
#member-registration	Gebruiker registratie	form
.menu	Menu	ul
.mod_languages	Taalkeuze	div
#mod_search_searchword	Zoeken	input
.modified	Artikel Details	dd
#modlgn_passwd	Login	input
#modlgn_remember	Login	input
#modlgn_username	Login	input
.moduletable	Alle Modules	div
#month	Archief	select
.mostread	Meest gelezen	ul
N
.newsfeed	Inhoud Newsfeed	div
.newsfeed	Feed	ul
.newsfeed-category	Lijst Eén Newsfeed categorie	div
.newsfeed-count	Lijst Alle Newsfeed Categoriën	div
.newsfeed-item	Feed	li
O
.only	Zoeken	fieldset
.optional	Gebruiker profiel	span
.ordering	Zoeken	label
#ordering	Zoeken	select
.ordering-box	Zoeken	div
P
.pagenav	Paginatie Algemeen	a
.pagenav	Paginatie Algemeen	span
.pagenav	Paginatie Enkel Artikel	ul
.pagenavcounter	Pagina opsplitsing	div
.pagenav-prev	Paginatie Enkel Artikel	li
.pagenav-next	Paginatie Enkel Artikel	li
.pagination	Paginatie Enkel Artikel	div
.pagination	Paginatie Algemeen	div
.pagination	Pagina opsplitsing	div
.pagination-end	Paginatie Algemeen	li
.pagination-next	Paginatie Algemeen	li
.pagination-prev	Paginatie Algemeen	li
.pagination-start	Paginatie Algemeen	li
.parent	Menu	li
.parent-category-name	Artikel Details	dt
#password	Gebruiker profiel	input
#password-lbl	Gebruiker profiel	label
.pathway	Kruimelpad	a
.phrases	Zoeken	fieldset
.phrases-box	Zoeken	div
.oretext	Login	div
.posttext	Login	div
.print-icon	Print, email en editor iconen	li
.profile	Gebruiker profiel	div
.profile-edit	Gebruiker profiel	div
.published	Artikel Details	dd
R
.readmore	Lees verder	p
.redirect-ltr	Inhoud Newsfeed	div, h1, h2
.registration	Gebruiker registratie	div
.remind	Nieuwe gebruikersnaam	div
.required	Contact + Contactformulier	textarea
.required	Gebruiker profiel	label, input
.required	Gebruiker registratie	label, input
.required	Nieuwe gebruikersnaam	label, input
.required	Nieuw wachtwoord	label, input
.result-title	Zoeken	dt
.result-category	Zoeken	dd
.result-text	Zoeken	dd
.result-created	Zoeken	dd
.reset	Nieuw wachtwoord	div
.row0	Archief	li
.row1	Archief	li
.row-n	Voorpagina- / Categorie blog	div
.row-separator	Ruimte tussen Artikelen / Rijen	span
S
.search	Zoeken	div
#search_searchword	Zoeken	input
#searchForm	Zoeken	form
.searchintro	Zoeken	div
#searchphraseall	Zoeken	input
#searchphraseall-lbl	Zoeken	label
#searchphraseany	Zoeken	input
#searchphraseany-lbl	Zoeken	label
#searchphraseexact	Zoeken	input
#searchphraseexact-lbl	Zoeken	label
.search-results	Zoeken	dl
#sender_field	E-mail popup venster	input
.spacer	Gebruiker registratie	span
.star	Gebruiker profiel	span
.star	Gebruiker registratie	span
.star	Nieuwe gebruikersnaam	span
.star	Nieuw wachtwoord	span
.subheading-category	Voorpagina- / Categorie blog	span
.subheading-category	Lijst Eén Categorie	span
#subject_field	E-mail popup venster	input
.syndicate-module	Feed Syndicatie	a
T
#tableOrdering	Lijst Eén Newsfeed categorie	th
#tableOrdering2	Lijst Eén Newsfeed categorie	th
#tableOrdering3	Lijst Eén Newsfeed categorie	th
.text	Gebruiker registratie	span
.tip	Tool-Tip	n.v.t.
.tip-title	Tool-Tip	n.v.t.
.title	Lijst Eén Weblink Categorie	th, td
.toclink	Pagina opsplitsing	a
U
.userdata	Login	fieldset
#username	Gebruiker profiel	input
#username-lbl	Gebruiker profiel	label
#user-registration	Nieuwe gebruikersnaam	form
#user-registration	Nieuw wachtwoord	form
#users-profile-core	Gebruiker profiel	fieldset
#users-profile-custom	Gebruiker profiel	fieldset
V
.validate	Contact + Contactformulier	button
.validate	Gebruiker profiel	button
.validate-email	Gebruiker profiel	input
.validate-email	Gebruiker registratie	input
.validate-email	Nieuwe gebruikersnaam	input
.validate-password	Gebruiker profiel	input
W
.weblink-category	Lijst Eén Weblink Categorie	div
.weblink-count	Lijst Alle Weblink Categoriën	dl
.whosonline	Wie is on line	ul
.word	Zoeken	fieldset
.wrapper	Wrapper	iframe
Y
#year	Archief	select

Toevoegen

Reacties (1)

1901-12-13 20:45:52 |Unregistered| deevan - fantastsich

Bedankt voor het duidelijk overzicht van de verschillende joomla stylen. Ik heb redelijk wat ervaring met css en html doch jooma met al zijn stylen deed mijn hoofd een beetje tollen. Nu dus niet meer in dt overzicht kan ik meteen de "must have" styles zien om een volledige template te ontwerpen.

Nogmaals bedankt voor het online zetten en de duidelijke uitleg. En niet te vergeten voor de blanco style sheets.

Een aanrader voor iedereen die een makkelijke start wil voor het creeeren van zijn template.

Antwoorden

Post een commentaar of stel een vraag

Uw contact gegevens:

Naam:

Email:

Website:

Reacties:

Onderwerp:

Commentaar of vraag:

Spam beveiliging

Voer de anti-spam code in die in het plaatje staat.