Joomla 1.6 Core Classes - Modules

From Joomla! Documentation
(Difference between revisions)
Jump to: navigation, search
m
m (html table markup to wikitable markup, wikitable sortable class now works, improving)
 
(10 intermediate revisions by one user not shown)
Line 1: Line 1:
−
{{stub}}
+
{{version|1.6}}
−
{{inuse}}
+
This table contains a list of the CSS Classes generated by Joomla! 1.6 <b>core modules</b>. This list is not be complete and subject to change. The list is presented in a "designer / developer friendly format" to aid in the construction of new templates for 1.6.
−
<div id="container">
+
−
<h3>Joomla! 1.6 CSS Classes - Modules</h3>
+
−
<p>
+
−
The following table contains a list of the CSS Classes generated by the Joomla! 1.6 <b>core modules</b>.&nbsp;
+
−
</p>
+
−
<p>
+
−
<b>Note</b>: The table is sortable on a per-column basis.&nbsp; Just click on a column header to toggle the table sort order.
+
−
</p>
+
  
−
<table class="sortable">
+
Related Pages:
−
<tr>
+
*[[Joomla 1.6 Core CSS Classes and IDs]]
−
<td>Num</td>
+
*[[Joomla 1.6 Core Classes - Components]]
−
<td>Class Name</td>
+
*[[Joomla 1.6 Core IDs]]
−
<td>Module</td>
+
 
−
<td>Optional Module Suffix</td>
+
{| class="wikitable sortable"
−
<td>Used For</td>
+
!Num
−
<td >Used By</td>
+
!Class Name
−
</tr>
+
!Module
−
<tr>
+
!Uses Module Suffix
−
<td >0</td>
+
!Used For
−
<td >moduletable</td>
+
!Used By
−
<td >all modules</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >top-level container for modules</td>
+
|0
−
<td >&lt;div&gt;</td>
+
|moduletable
−
</tr>
+
|all modules
−
<tr>
+
|Yes
−
<td >1</td>
+
|top-level container for modules
−
<td >archive-module</td>
+
|&lt;div&gt;
−
<td >articles - archived</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of archived articles</td>
+
|1
−
<td >&lt;ul&gt;</td>
+
|archive-module
−
</tr>
+
|articles - archived
−
<tr>
+
|Yes
−
<td >2</td>
+
|container for list of archived articles
−
<td >categories-module</td>
+
|&lt;ul&gt;
−
<td >articles - categories</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of subcategories in a category</td>
+
|2
−
<td >&lt;ul&gt;</td>
+
|categories-module
−
</tr>
+
|articles - categories
−
<tr>
+
|Yes
−
<td >3</td>
+
|container for list of subcategories in a category
−
<td >category-module</td>
+
|&lt;ul&gt;
−
<td >articles - category</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of articles in a category</td>
+
|3
−
<td >&lt;ul&gt;</td>
+
|category-module
−
</tr>
+
|articles - category
−
<tr>
+
|Yes
−
<td >4</td>
+
|container for list of articles in a category
−
<td >mod-articles-category-title</td>
+
|&lt;ul&gt;
−
<td >articles - category</td>
+
|-
−
<td >No</td>
+
 
−
<td >article title; link to article</td>
+
|4
−
<td >&lt;a&gt;</td>
+
|mod-articles-category-title
−
</tr>
+
|articles - category
−
<tr>
+
|No
−
<td >5</td>
+
|article title; link to article
−
<td >mod-articles-category-hits </td>
+
|&lt;a&gt;
−
<td >articles - category</td>
+
|-
−
<td >No</td>
+
 
−
<td >article number of hits</td>
+
|5
−
<td >&lt;span&gt;</td>
+
|mod-articles-category-hits  
−
</tr>
+
|articles - category
−
<tr>
+
|No
−
<td >6</td>
+
|article number of hits
−
<td >mod-articles-category-writtenby</td>
+
|&lt;span&gt;
−
<td >articles - category</td>
+
|-
−
<td >No</td>
+
 
−
<td >article author</td>
+
|6
−
<td >&lt;span&gt;</td>
+
|mod-articles-category-writtenby
−
</tr>
+
|articles - category
−
<tr>
+
|No
−
<td >7</td>
+
|article author
−
<td >mod-articles-category-category </td>
+
|&lt;span&gt;
−
<td >articles - category</td>
+
|-
−
<td >No</td>
+
 
−
<td >article category</td>
+
|7
−
<td >&lt;span&gt;</td>
+
|mod-articles-category-category  
−
</tr>
+
|articles - category
−
<tr>
+
|No
−
<td >8</td>
+
|article category
−
<td >mod-articles-category-date</td>
+
|&lt;span&gt;
−
<td >articles - category</td>
+
|-
−
<td >No</td>
+
 
−
<td >article date</td>
+
|8
−
<td >&lt;span&gt;</td>
+
|mod-articles-category-date
−
</tr>
+
|articles - category
−
<tr>
+
|No
−
<td >9</td>
+
|article date
−
<td >latestnews  </td>
+
|&lt;span&gt;
−
<td >articles - latest news</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of latest news</td>
+
|9
−
<td >&lt;ul&gt;</td>
+
|latestnews   
−
</tr>
+
|articles - latest news
−
<tr>
+
|Yes
−
<td >10</td>
+
|container for list of latest news
−
<td >newsflash </td>
+
|&lt;ul&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >module-specific container</td>
+
|10
−
<td >&lt;div&gt;</td>
+
|newsflash  
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|Yes
−
<td >11</td>
+
|module-specific container
−
<td >newsflash-horiz  </td>
+
|&lt;div&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of newsflashes</td>
+
|11
−
<td >&lt;ul&gt;</td>
+
|newsflash-horiz   
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|Yes
−
<td >12</td>
+
|container for list of newsflashes
−
<td >article-separator</td>
+
|&lt;ul&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >No</td>
+
 
−
<td >separator between items</td>
+
|12
−
<td >&lt;span&gt;</td>
+
|article-separator
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|No
−
<td >13</td>
+
|separator between items
−
<td >newsflash-item </td>
+
|&lt;span&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >No</td>
+
 
−
<td >item in newsflash list</td>
+
|13
−
<td >&lt;li&gt;</td>
+
|newsflash-item  
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|No
−
<td >14</td>
+
|item in newsflash list
−
<td >newsflash-title</td>
+
|&lt;li&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >module header</td>
+
|14
−
<td >&lt;h3&gt;</td>
+
|newsflash-title
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|Yes
−
<td >15</td>
+
|module header
−
<td >readmore </td>
+
|&lt;h3&gt;
−
<td >articles - newsflashes</td>
+
|-
−
<td >No</td>
+
 
−
<td >link to complete list</td>
+
|15
−
<td >&lt;a&gt;</td>
+
|readmore  
−
</tr>
+
|articles - newsflashes
−
<tr>
+
|No
−
<td >16</td>
+
|link to complete list
−
<td >mostread  </td>
+
|&lt;a&gt;
−
<td >articles - most popular</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list</td>
+
|16
−
<td >&lt;ul&gt;</td>
+
|mostread   
−
</tr>
+
|articles - most popular
−
<tr>
+
|Yes
−
<td >17</td>
+
|container for list
−
<td >bannergroup  </td>
+
|&lt;ul&gt;
−
<td >banners</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for group</td>
+
|17
−
<td >&lt;div&gt;</td>
+
|bannergroup   
−
</tr>
+
|banners
−
<tr>
+
|Yes
−
<td >18</td>
+
|container for group
−
<td >banneritem </td>
+
|&lt;div&gt;
−
<td >banners</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for item</td>
+
|18
−
<td >&lt;div&gt;</td>
+
|banneritem  
−
</tr>
+
|banners
−
<tr>
+
|No
−
<td >19</td>
+
|container for item
−
<td >clr</td>
+
|&lt;div&gt;
−
<td >banners</td>
+
|-
−
<td >No</td>
+
 
−
<td >clear previous floats</td>
+
|19
−
<td >&lt;div&gt;</td>
+
|clr
−
</tr>
+
|banners
−
<tr>
+
|No
−
<td >20</td>
+
|clear previous floats
−
<td >bannerfooter </td>
+
|&lt;div&gt;
−
<td >banners</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for footer</td>
+
|20
−
<td >&lt;div&gt;</td>
+
|bannerfooter  
−
</tr>
+
|banners
−
<tr>
+
|No
−
<td >21</td>
+
|container for footer
−
<td >breadcrumb</td>
+
|&lt;div&gt;
−
<td >breadcrumbs</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >breadcrumb trail</td>
+
|21
−
<td >&lt;span&gt;</td>
+
|breadcrumb
−
</tr>
+
|breadcrumbs
−
<tr>
+
|Yes
−
<td >22</td>
+
|breadcrumb trail
−
<td >pathway</td>
+
|&lt;span&gt;
−
<td >breadcrumbs</td>
+
|-
−
<td >No</td>
+
 
−
<td >breadcrumb links</td>
+
|22
−
<td >&lt;a&gt;</td>
+
|pathway
−
</tr>
+
|breadcrumbs
−
<tr>
+
|No
−
<td >23</td>
+
|breadcrumb links
−
<td >feed</td>
+
|&lt;a&gt;
−
<td >news feed</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for feed</td>
+
|23
−
<td >&lt;div&gt;</td>
+
|feed
−
</tr>
+
|news feed
−
<tr>
+
|No
−
<td >24</td>
+
|container for feed
−
<td >newsfeed</td>
+
|&lt;div&gt;
−
<td >news feed</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of feed items</td>
+
|24
−
<td >&lt; ul&gt;</td>
+
|newsfeed
−
</tr>
+
|news feed
−
<tr>
+
|Yes
−
<td >25</td>
+
|container for list of feed items
−
<td >newsfeed-item </td>
+
|&lt; ul&gt;
−
<td >news feed</td>
+
|-
−
<td >No</td>
+
 
−
<td >feed item</td>
+
|25
−
<td >&lt;li&gt;</td>
+
|newsfeed-item  
−
</tr>
+
|news feed
−
<tr>
+
|No
−
<td >26</td>
+
|feed item
−
<td >feed-link</td>
+
|&lt;li&gt;
−
<td >news feed</td>
+
|-
−
<td >No</td>
+
 
−
<td >header</td>
+
|26
−
<td >&lt;h5&gt;</td>
+
|feed-link
−
</tr>
+
|news feed
−
<tr>
+
|No
−
<td >27</td>
+
|header
−
<td >feed-link</td>
+
|&lt;h5&gt;
−
<td >news feed</td>
+
|-
−
<td >No</td>
+
 
−
<td >header</td>
+
|27
−
<td >&lt;h4&gt;</td>
+
|feed-link
−
</tr>
+
|news feed
−
<tr>
+
|No
−
<td >28</td>
+
|header
−
<td >mod_languages</td>
+
|&lt;h4&gt;
−
<td >language switcher</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >module-specific container</td>
+
|28
−
<td >&lt;div&gt;</td>
+
|mod_languages
−
</tr>
+
|language switcher
−
<tr>
+
|Yes
−
<td >29</td>
+
|module-specific container
−
<td >header</td>
+
|&lt;div&gt;
−
<td >language switcher</td>
+
|-
−
<td >No</td>
+
 
−
<td >module header</td>
+
|29
−
<td >&lt;div&gt;</td>
+
|header
−
</tr>
+
|language switcher
−
<tr>
+
|No
−
<td >30</td>
+
|module header
−
<td >footer</td>
+
|&lt;div&gt;
−
<td >language switcher</td>
+
|-
−
<td >No</td>
+
 
−
<td >module footer</td>
+
|30
−
<td >&lt;div&gt;</td>
+
|footer
−
</tr>
+
|language switcher
−
<tr>
+
|No
−
<td >31</td>
+
|module footer
−
<td >button</td>
+
|&lt;div&gt;
−
<td >login</td>
+
|-
−
<td >No</td>
+
 
−
<td >submit button</td>
+
|31
−
<td >&lt;input&gt;</td>
+
|button
−
</tr>
+
|login
−
<tr>
+
|No
−
<td >32</td>
+
|submit button
−
<td >input</td>
+
|&lt;input&gt;
−
<td >login</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for userid, password inputs</td>
+
|32
−
<td >&lt;fieldset&gt;</td>
+
|input
−
</tr>
+
|login
−
<tr>
+
|No
−
<td >33</td>
+
|container for userid, password inputs
−
<td >inputbox</td>
+
|&lt;fieldset&gt;
−
<td >login</td>
+
|-
−
<td >No</td>
+
 
−
<td >userid, password</td>
+
|33
−
<td >&lt;input&gt;</td>
+
|inputbox
−
</tr>
+
|login
−
<tr>
+
|No
−
<td >34</td>
+
|userid, password
−
<td >menu</td>
+
|&lt;input&gt;
−
<td >menu</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list of menu items</td>
+
|34
−
<td >&lt;ul&gt;</td>
+
|menu
−
</tr>
+
|menu
−
<tr>
+
|Yes
−
<td >35</td>
+
|container for list of menu items
−
<td >separator</td>
+
|&lt;ul&gt;
−
<td >menu</td>
+
|-
−
<td >No</td>
+
 
−
<td >separator item</td>
+
|35
−
<td >&lt;span&gt;</td>
+
|separator
−
</tr>
+
|menu
−
<tr>
+
|No
−
<td >36</td>
+
|separator item
−
<td >random-image </td>
+
|&lt;span&gt;
−
<td >random images</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >module-specific container</td>
+
|36
−
<td >&lt;div&gt;</td>
+
|random-image  
−
</tr>
+
|random images
−
<tr>
+
|Yes
−
<td >37</td>
+
|module-specific container
−
<td >relateditems </td>
+
|&lt;div&gt;
−
<td >related items</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list</td>
+
|37
−
<td >&lt;ul&gt;</td>
+
|relateditems  
−
</tr>
+
|related items
−
<tr>
+
|Yes
−
<td >38</td>
+
|container for list
−
<td >search</td>
+
|&lt;ul&gt;
−
<td >search</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >module-specific container</td>
+
|38
−
<td >&lt;div&gt;</td>
+
|search
−
</tr>
+
|search
−
<tr>
+
|Yes
−
<td >39</td>
+
|module-specific container
−
<td >inputbox</td>
+
|&lt;div&gt;
−
<td >search</td>
+
|-
−
<td >No</td>
+
 
−
<td >search string</td>
+
|39
−
<td >&lt;input&gt;</td>
+
|inputbox
−
</tr>
+
|search
−
<tr>
+
|No
−
<td >40</td>
+
|search string
−
<td >button</td>
+
|&lt;input&gt;
−
<td >search</td>
+
|-
−
<td >No</td>
+
 
−
<td >submit button</td>
+
|40
−
<td >&lt;input&gt;</td>
+
|button
−
</tr>
+
|search
−
<tr>
+
|No
−
<td >41</td>
+
|submit button
−
<td >class stats-module </td>
+
|&lt;input&gt;
−
<td >statistics</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >container for list</td>
+
|41
−
<td >&lt;dl&gt;</td>
+
|class stats-module  
−
</tr>
+
|statistics
−
<tr>
+
|Yes
−
<td >42</td>
+
|container for list
−
<td >syndicate-module</td>
+
|&lt;dl&gt;
−
<td >syndication</td>
+
|-
−
<td >Yes</td>
+
 
−
<td >link to syndicated content</td>
+
|42
−
<td >&lt;a&gt;</td>
+
|syndicate-module
−
</tr>
+
|syndication
−
<tr>
+
|Yes
−
<td >43</td>
+
|link to syndicated content
−
<td >latestusers </td>
+
|&lt;a&gt;
−
<td >latest users</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for list</td>
+
|43
−
<td >&lt;ul&gt;</td>
+
|latestusers  
−
</tr>
+
|latest users
−
<tr>
+
|No
−
<td >44</td>
+
|container for list
−
<td >weblinks</td>
+
|&lt;ul&gt;
−
<td >weblinks</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for list</td>
+
|44
−
<td >&lt;ul&gt;</td>
+
|weblinks
−
</tr>
+
|weblinks
−
<tr>
+
|No
−
<td >45</td>
+
|container for list
−
<td >whosonline  </td>
+
|&lt;ul&gt;
−
<td >who's online</td>
+
|-
−
<td >No</td>
+
 
−
<td >container for list</td>
+
|45
−
<td >&lt;ul&gt;</td>
+
|whosonline   
−
</tr>
+
|who's online
−
<tr>
+
|No
−
<td >46</td>
+
|container for list
−
<td >wrapper</td>
+
|&lt;ul&gt;
−
<td >wrapper</td>
+
|-
−
<td >No</td>
+
 
−
<td >module-specific container</td>
+
|46
−
<td >&lt;iframe&gt;</td>
+
|wrapper
−
</tr>
+
|wrapper
−
</table>
+
|No
−
</div>
+
|module-specific container
 +
|&lt;iframe&gt;
 +
|-
 +
|}
 +
 
 +
[[Category:Template Development]]
 +
[[Category:Templates]]
 +
[[Category:CSS]]
 +
[[Category:Specifications Version 1.6]]
 +
[[Category:Specifications]]
 +
[[Category:References]]

Latest revision as of 21:13, 19 September 2012

This article is for Joomla! CMS Version(s) Joomla 1.6

This table contains a list of the CSS Classes generated by Joomla! 1.6 core modules. This list is not be complete and subject to change. The list is presented in a "designer / developer friendly format" to aid in the construction of new templates for 1.6.

Related Pages:

Num Class Name Module Uses Module Suffix Used For Used By
0 moduletable all modules Yes top-level container for modules <div>
1 archive-module articles - archived Yes container for list of archived articles <ul>
2 categories-module articles - categories Yes container for list of subcategories in a category <ul>
3 category-module articles - category Yes container for list of articles in a category <ul>
4 mod-articles-category-title articles - category No article title; link to article <a>
5 mod-articles-category-hits articles - category No article number of hits <span>
6 mod-articles-category-writtenby articles - category No article author <span>
7 mod-articles-category-category articles - category No article category <span>
8 mod-articles-category-date articles - category No article date <span>
9 latestnews articles - latest news Yes container for list of latest news <ul>
10 newsflash articles - newsflashes Yes module-specific container <div>
11 newsflash-horiz articles - newsflashes Yes container for list of newsflashes <ul>
12 article-separator articles - newsflashes No separator between items <span>
13 newsflash-item articles - newsflashes No item in newsflash list <li>
14 newsflash-title articles - newsflashes Yes module header <h3>
15 readmore articles - newsflashes No link to complete list <a>
16 mostread articles - most popular Yes container for list <ul>
17 bannergroup banners Yes container for group <div>
18 banneritem banners No container for item <div>
19 clr banners No clear previous floats <div>
20 bannerfooter banners No container for footer <div>
21 breadcrumb breadcrumbs Yes breadcrumb trail <span>
22 pathway breadcrumbs No breadcrumb links <a>
23 feed news feed No container for feed <div>
24 newsfeed news feed Yes container for list of feed items < ul>
25 newsfeed-item news feed No feed item <li>
26 feed-link news feed No header <h5>
27 feed-link news feed No header <h4>
28 mod_languages language switcher Yes module-specific container <div>
29 header language switcher No module header <div>
30 footer language switcher No module footer <div>
31 button login No submit button <input>
32 input login No container for userid, password inputs <fieldset>
33 inputbox login No userid, password <input>
34 menu menu Yes container for list of menu items <ul>
35 separator menu No separator item <span>
36 random-image random images Yes module-specific container <div>
37 relateditems related items Yes container for list <ul>
38 search search Yes module-specific container <div>
39 inputbox search No search string <input>
40 button search No submit button <input>
41 class stats-module statistics Yes container for list <dl>
42 syndicate-module syndication Yes link to syndicated content <a>
43 latestusers latest users No container for list <ul>
44 weblinks weblinks No container for list <ul>
45 whosonline who's online No container for list <ul>
46 wrapper wrapper No module-specific container <iframe>
Retrieved from "http://docs.joomla.org/index.php?title=Joomla_1.6_Core_Classes_-_Modules&oldid=75484"
Personal tools
Namespaces

Variants
Actions
Navigation
Joomla! Sites
Toolbox