Difference between revisions of "Joomla 1.6 Core Classes - Modules"

From Joomla! Documentation

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

Latest revision as of 21:13, 19 September 2012

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>