Difference between revisions of "Core module-generated CSS"
From Joomla! Documentation
m (None) |
|||
Line 1: | Line 1: | ||
The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place. | The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place. | ||
− | Note also that core | + | Note also that core , as generated <span class="plainlinks">[http://www.thepiggybackrider.com/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;/*CITATION*/">child carrier</span>]</span> by the ''System'' template, will wrap a module in a defined manner and in some instances apply . |
'''mod_archive''' | '''mod_archive''' | ||
Line 8: | Line 8: | ||
'''mod_banners''' | '''mod_banners''' | ||
− | * | + | * <code>.bannergroup</code> class applied to surrounding <tt><nowiki><div></nowiki></tt> |
− | * | + | * <code>.bannerheader</code> class applied to <tt><nowiki><div></nowiki></tt> of header text if it exists |
− | * | + | * <code>.banneritem</code> class applied to <tt><nowiki><div></nowiki></tt> for each item |
− | * | + | * <code>.bannerfooter</code> class applied to <tt><nowiki><div></nowiki></tt> of footer text if it exists |
'''mod_breadcrumb''' | '''mod_breadcrumb''' | ||
− | * | + | * <code>.breadcrumbs</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links |
− | * | + | * <code>.pathway</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links |
− | * | + | * <code>.pathway</code> class is also applied to each link |
'''mod_feed''' | '''mod_feed''' | ||
− | * | + | * <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width |
− | * | + | * <code>.newsfeed</code> class applied to <tt><nowiki><ul></nowiki></tt> |
− | * | + | * <code>.newsfeed_item</code> class applied to <tt><nowiki><div></nowiki></tt> element that holds feed item's description under the title. |
Line 31: | Line 31: | ||
'''mod_latestnews''' | '''mod_latestnews''' | ||
− | * | + | * <code>.latestnews</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt> and to each link |
'''mod_login''' | '''mod_login''' | ||
− | * | + | * <code>#form-login</code> id applied to main container <tt><nowiki><form></nowiki></tt> |
− | * | + | * <code>#form-login-username</code> id applied to <tt><nowiki><p></nowiki></tt> |
− | * | + | * <code>#modlgn_username</code> id applied to <tt><nowiki><input type="text"></nowiki></tt> |
− | * | + | * <code>#form-login-password</code> id applied to <tt><nowiki><p></nowiki></tt> |
− | * | + | * <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt> |
− | * | + | * <code>#form-login-remember</code> id applied to <tt><nowiki><p></nowiki></tt> |
− | * | + | * <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt> |
− | * | + | * <code>.button</code> class applied to <tt><nowiki><input type="submit"></nowiki></tt> |
− | * | + | * <code>.input</code> class applied to <tt><nowiki><fieldset></nowiki></tt> |
− | * | + | * <code>.inputbox</code> class applied to <tt><nowiki><input type="text"></nowiki></tt> |
'''mod_mainmenu''' | '''mod_mainmenu''' | ||
− | * | + | * <code>#current</code> id applied to <tt><nowiki><li></nowiki></tt> for the current page |
− | * | + | * <code>.active</code> class applied to <tt><nowiki><li></nowiki></tt> for the current page |
− | * | + | * <code>.parent</code> class applied to <tt><nowiki><li></nowiki></tt> if child links exist |
− | * | + | * <code>.item##</code> class applied to the <tt><nowiki><li></nowiki></tt>, where ## is the ItemId |
* ''Menu-Type Parameters'': | * ''Menu-Type Parameters'': | ||
** ''List'' | ** ''List'' | ||
− | :: | + | :: <code>#menu</code> id is applied to the <tt><nowiki><ul></nowiki></tt> |
:: becomes .menu if more than one menu is present on the page [CHECK] | :: becomes .menu if more than one menu is present on the page [CHECK] | ||
:* ''Legacy-Vertical'' | :* ''Legacy-Vertical'' | ||
− | :: | + | :: <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width |
:* ''Legacy-Horizontal'' | :* ''Legacy-Horizontal'' | ||
− | :: | + | :: <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width |
:* ''Legacy-Flat'' | :* ''Legacy-Flat'' | ||
− | :: | + | :: <code>#mainlevel</code> id is applied to the <tt><nowiki><ul></nowiki></tt> |
:: becomes .menu if more than one menu is present on the page [CHECK] | :: becomes .menu if more than one menu is present on the page [CHECK] | ||
'''mod_mostread''' | '''mod_mostread''' | ||
− | * | + | * <code>.mostread</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt>, and to each link |
Line 72: | Line 72: | ||
* ''Layout-Type Parameters'': | * ''Layout-Type Parameters'': | ||
** ''Default'' | ** ''Default'' | ||
− | :: | + | :: <code>.contentpaneopen</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width |
::: Two tables are created, one holds the article title, the second holds the abbreviated article text | ::: Two tables are created, one holds the article title, the second holds the abbreviated article text | ||
− | :: | + | :: <code>.contentheading</code> class applied to the <tt><nowiki><td></nowiki></tt> element holding the article titles |
− | :: | + | :: <code>.contentpagetitle</code> class applied to the article link |
:* ''Horz'' | :* ''Horz'' | ||
− | :: | + | :: <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width |
− | ::: each item is placed in a new | + | ::: each item is placed in a new <tt><nowiki><td></nowiki></tt> element with default styles |
:* ''Vert'' | :* ''Vert'' | ||
− | :: | + | :: <code>.article_separator</code> class applied to <tt><nowiki><span></nowiki></tt> is added after each item if more than one exists |
'''mod_poll''' | '''mod_poll''' | ||
− | * | + | * <code>.poll</code> class applied to surrounding <tt><nowiki><table></nowiki></tt> of 95% width and centered text-alignment |
− | * | + | * <code>.pollstableborder</code> applied to inner <tt><nowiki><table></nowiki></tt> of no set width, which holds the vote options |
− | * | + | * <code>.sectiontableentry1</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top" |
− | * | + | * <code>.sectiontableentry2</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top" |
:: ''Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting'' | :: ''Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting'' | ||
− | * | + | * <code>#voteid##</code> id applied to <tt><nowiki><input></nowiki></tt>, where ## is the Id of the option |
− | * | + | * <code>.button</code> applied to <tt><nowiki><input type="submit"></nowiki></tt> and <tt><nowiki><input type="button"></nowiki></tt> |
Line 98: | Line 98: | ||
'''mod_related_items''' | '''mod_related_items''' | ||
− | * | + | * <code>.relateditems</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt> |
'''mod_search''' | '''mod_search''' | ||
− | * | + | * <code>.search</code> class applied to surrounding <tt><nowiki><div></nowiki></tt> |
− | * | + | * <code>.inputbox</code> class applied to search input box <tt><nowiki><input type="text"></nowiki></tt>. Also there is an id <code>#mod_search_searchword</code> applied to this input box |
− | * | + | * <code>.button</code> class applied to search submit button/image <tt><nowiki><input type="image"></nowiki></tt> and <tt><nowiki><input type="submit"></nowiki></tt> |
'''mod_sections''' | '''mod_sections''' | ||
− | * | + | * <code>.sections</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt> |
Line 124: | Line 124: | ||
'''mod_wrapper''' | '''mod_wrapper''' | ||
− | * | + | * <code>#blockrandom</code> id applied to <tt><nowiki><iframe></nowiki></tt> |
− | * | + | * <code>.wrapper</code> class applied to <tt><nowiki><iframe></nowiki></tt> |
− | + | <noinclude>[[Category: Templates]][[Category: Modules]][[Category: Reference]][[Category:Definition lists]]</noinclude> |
Revision as of 13:48, 26 September 2011
The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.
The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.
Note also that core , as generated child carrier by the System template, will wrap a module in a defined manner and in some instances apply .
mod_archive
- None
mod_banners
- <code>.bannergroup</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
- <code>.bannerheader</code> class applied to <tt><nowiki><div></nowiki></tt> of header text if it exists
- <code>.banneritem</code> class applied to <tt><nowiki><div></nowiki></tt> for each item
- <code>.bannerfooter</code> class applied to <tt><nowiki><div></nowiki></tt> of footer text if it exists
mod_breadcrumb
- <code>.breadcrumbs</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
- <code>.pathway</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
- <code>.pathway</code> class is also applied to each link
mod_feed
- <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
- <code>.newsfeed</code> class applied to <tt><nowiki><ul></nowiki></tt>
- <code>.newsfeed_item</code> class applied to <tt><nowiki><div></nowiki></tt> element that holds feed item's description under the title.
mod_footer
- None
mod_latestnews
- <code>.latestnews</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt> and to each link
mod_login
- <code>#form-login</code> id applied to main container <tt><nowiki><form></nowiki></tt>
- <code>#form-login-username</code> id applied to <tt><nowiki><p></nowiki></tt>
- <code>#modlgn_username</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
- <code>#form-login-password</code> id applied to <tt><nowiki><p></nowiki></tt>
- <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
- <code>#form-login-remember</code> id applied to <tt><nowiki><p></nowiki></tt>
- <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
- <code>.button</code> class applied to <tt><nowiki><input type="submit"></nowiki></tt>
- <code>.input</code> class applied to <tt><nowiki><fieldset></nowiki></tt>
- <code>.inputbox</code> class applied to <tt><nowiki><input type="text"></nowiki></tt>
mod_mainmenu
- <code>#current</code> id applied to <tt><nowiki><li></nowiki></tt> for the current page
- <code>.active</code> class applied to <tt><nowiki><li></nowiki></tt> for the current page
- <code>.parent</code> class applied to <tt><nowiki><li></nowiki></tt> if child links exist
- <code>.item##</code> class applied to the <tt><nowiki><li></nowiki></tt>, where ## is the ItemId
- Menu-Type Parameters:
- List
- <code>#menu</code> id is applied to the <tt><nowiki><ul></nowiki></tt>
- becomes .menu if more than one menu is present on the page [CHECK]
- Legacy-Vertical
- <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
- Legacy-Horizontal
- <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
- Legacy-Flat
- <code>#mainlevel</code> id is applied to the <tt><nowiki><ul></nowiki></tt>
- becomes .menu if more than one menu is present on the page [CHECK]
mod_mostread
- <code>.mostread</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt>, and to each link
mod_newsflash
- Layout-Type Parameters:
- Default
- <code>.contentpaneopen</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
- Two tables are created, one holds the article title, the second holds the abbreviated article text
- <code>.contentheading</code> class applied to the <tt><nowiki><td></nowiki></tt> element holding the article titles
- <code>.contentpagetitle</code> class applied to the article link
- Horz
- <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
- each item is placed in a new <tt><nowiki><td></nowiki></tt> element with default styles
- Vert
- <code>.article_separator</code> class applied to <tt><nowiki><span></nowiki></tt> is added after each item if more than one exists
- <code>.contentpaneopen</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
mod_poll
- <code>.poll</code> class applied to surrounding <tt><nowiki><table></nowiki></tt> of 95% width and centered text-alignment
- <code>.pollstableborder</code> applied to inner <tt><nowiki><table></nowiki></tt> of no set width, which holds the vote options
- <code>.sectiontableentry1</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
- <code>.sectiontableentry2</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
- Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting
- <code>#voteid##</code> id applied to <tt><nowiki><input></nowiki></tt>, where ## is the Id of the option
- <code>.button</code> applied to <tt><nowiki><input type="submit"></nowiki></tt> and <tt><nowiki><input type="button"></nowiki></tt>
mod_random_image
- None
mod_related_items
- <code>.relateditems</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>
mod_search
- <code>.search</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
- <code>.inputbox</code> class applied to search input box <tt><nowiki><input type="text"></nowiki></tt>. Also there is an id <code>#mod_search_searchword</code> applied to this input box
- <code>.button</code> class applied to search submit button/image <tt><nowiki><input type="image"></nowiki></tt> and <tt><nowiki><input type="submit"></nowiki></tt>
mod_sections
- <code>.sections</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>
mod_stats
- None
mod_syndicate
- None
mod_whosonline
- None
mod_wrapper
- <code>#blockrandom</code> id applied to <tt><nowiki><iframe></nowiki></tt>
- <code>.wrapper</code> class applied to <tt><nowiki><iframe></nowiki></tt>
<noinclude></noinclude>