Joomla Template Quick Reference

8/6/2019 Joomla Template Quick Reference

1/4


2/4

Copyright 2010 a4joomla.com

#area_content checkbox

#area_weblinks checkbox

#area_contacts checkbox

#area_categories checkbox

#area_sections checkbox

#area_newsfeeds checkbox .button

.searchintro

#limit

Menu, when the menu style is set to List:

.menu

#current (menu item of the current page)

.active (active parent and submenu items)

.parent

Wrapper module:

#blockrandom

.wrapper

Polls module:

.polls

.pollstableborder .sectiontableentry1

.sectiontableentry2

#voteid1, #voteid2 and so on

.button

Polls component:

#poll

#id

.pollstableborder

.sectiontableentry0

.sectiontableentry1

Content in blog view:

.blog

.blog_more

.blogsection

.article_separator

.article_column

.column_separator
http://a4joomla.com/http://a4joomla.com/http://a4joomla.com/


3/4


Buttons:

.button , styling

.buttonheading class for the pdf, print, email icons

Pathway:

.pathway , pathway styling

.breadcrumbs pathway styling

Content:

.componentheading Main title of a component

.category in section view table layout

.contentpane in table layout

.contentdescription in table layout

.sectiontableheader in category view table layout

.sectiontableentry1 in category view table layout

.sectiontableentry2 in category view table layout

.contentpaneopen articles are contained in tables

.contentheading article title

.contenttoc table of contents

.toclink toc link to contents

.active active toc link

.pagenavcounter below toc

.modifydate last modification date

.createdate creation date

.content_rating article rating

.content_vote article voting

.small small fonts

.readon read more link

.pagenav , page navigation (prev-next)

Forms:

.inputbox

Modules:

.module module box for rounded style (see jdoc on the next page)

.moduletable module box for xhtml style (see jdoc on the next page)


4/4


index.php

includes important tags in the

includes a component

includes a module in the left position with

rounded style

includes a message when needed

Module chrome:

In the following example the style attribute determines the structure of the modules in the left

module position. For rounded corners you need style="rounded", which creates

modules with nested div elements that makes it possible to have rounded corners.

Further possibilities for the style attribute are shown below:

none or raw output raw module content

table wraps the module in a table

xhtml tableless (div) module with h3 title

rounded nested divs for rounded corners with h3 title

horiz output in a tag of a table

outline add preview information to the module

Documents

Joomla Template Quick Reference