Core module-generated CSS: Difference between revisions
From Joomla! Documentation
Radiant tech (talk | contribs) No edit summary |
Radiant tech (talk | contribs) No edit summary |
||
| 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. | ||
'''mod_archive''' | |||
: None | |||
'''mod_banners''' | '''mod_banners''' | ||
| Line 18: | Line 21: | ||
* <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width | * <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</code> class applied to <tt><nowiki><ul></nowiki></tt> | ||
'''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-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 | |||
'''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 <tt><nowiki><input type="text"></nowiki></tt> | |||
* <code>.button</code> class applied to <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>[[Category: Templates]][[Category: Modules]][[Category: Reference]][[Category:Definition lists]]</noinclude> | |||
Revision as of 13:08, 22 February 2008
The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.
mod_archive
- None
mod_banners
.bannergroupclass applied to surrounding <div>.bannerheaderclass applied to <div> of header text if it exists.banneritemclass applied to <div> for each item.bannerfooterclass applied to <div> of footer text if it exists
mod_breadcrumb
.breadcrumbsclass applied to a <span> element that holds the path links.pathwayclass applied to a <span> element that holds the path links.pathwayclass is also applied to each link
mod_feed
.moduletableclass applied to <table> of no set width.newsfeedclass applied to <ul>
mod_footer
- None
mod_latestnews
.latestnewsclass applied to surrounding <ul>, to each <li> and to each link
mod_login
#form-login-usernameid applied to <p>#modlgn_usernameid applied to <input type="text">#form-login-passwordid applied to <p>#modlgn_passwordid applied to <input type="text">#form-login-rememberid applied to <p>#modlgn_passwordid applied to <input type="text">.buttonclass applied to <input type="submit">.inputclass applied to <fieldset>.inputboxclass applied to <input type="text">
mod_mainmenu
#currentid applied to <li> for the current page.activeclass applied to <li> for the current page.parentclass applied to <li> if child links exist.item##class applied to the <li>, where ## is the ItemId- Menu-Type Parameters:
- List
#menuid is applied to the <ul>- becomes .menu if more than one menu is present on the page [CHECK]
- Legacy-Vertical
.mainlevelclass is applied to each link in a <table> of 100% width
- Legacy-Horizontal
.mainlevelclass is applied to each link in a <table> of 100% width
- Legacy-Flat
#mainlevelid is applied to the <ul>- becomes .menu if more than one menu is present on the page [CHECK]
mod_mostread
.mostreadclass applied to surrounding <ul>, to each <li>, and to each link
mod_newsflash
- Layout-Type Parameters:
- Default
.contentpaneopenclass applied to <table> of no set width- Two tables are created, one holds the article title, the second holds the abbreviated article text
.contentheadingclass applied to the <td> element holding the article titles.contentpagetitleclass applied to the article link
- Horz
.moduletableclass applied to <table> of no set width- each item is placed in a new <td> element with default styles
- Vert
.article_separatorclass applied to <span> is added after each item if more than one exists
mod_poll
.pollclass applied to surrounding <table> of 95% width and centered text-alignment.pollstableborderapplied to inner <table> of no set width, which holds the vote options.sectiontableentry1class applied to <td> with valign="top".sectiontableentry2class applied to <td> with valign="top"
- Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting
#voteid##id applied to <input>, where ## is the Id of the option.buttonapplied to <input type="submit"> and <input type="button">
mod_random_image
- None
mod_related_items
.relateditemsclass applied to surrounding <ul>
mod_search
.searchclass applied to surrounding <div>.inputboxclass applied to <input type="text">.buttonclass applied to <input type="image"> and <input type="submit">
mod_sections
.sectionsclass applied to surrounding <ul>
mod_stats
- None
mod_syndicate
- None
mod_whosonline
- None
mod_wrapper
#blockrandomid applied to <iframe>.wrapperclass applied to <iframe>