Actions

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)
 
(5 intermediate revisions by one user not shown)
Line 1: Line 1:
{{stub}}
+
{{version|1.6}}
{{inuse}}
+
<div id="container">
+
<h3>Joomla! 1.6 CSS Classes - Modules</h3>
+
<p>
+
 
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.
 
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.
</p>
 
<p>
 
<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.
 
</p>
 
  
<table class="sortable">
+
Related Pages:
<tr>
+
*[[Joomla 1.6 Core CSS Classes and IDs]]
<td><b>Num</td>
+
*[[Joomla 1.6 Core Classes - Components]]
<td><b>Class Name</b></td>
+
*[[Joomla 1.6 Core IDs]]
<td><b>Module</b></td>
+
 
<td><b>Uses Module Suffix</b></td>
+
{| class="wikitable sortable"
<td><b>Used For</b></td>
+
!Num
<td ><b>Used By</b></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: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 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>