Actions

Difference between revisions of "CSS Class Names Frontend in Version 1.6"

From Joomla! Documentation

m
m (improving article a little more)
 
(2 intermediate revisions by one user not shown)
Line 1: Line 1:
{{underconstruction}}
+
{{version|1.6}}
 
+
List of CSS class names used in the front end core layout files.
 
+
 
+
Recommend this be merged with or redirected to '''[[Joomla 1.6 Core CSS Classes and IDs]]''' ss they both deal with same subject matter.
+
 
+
 
+
= List of CSS Class Names =
+
 
+
This is a list of CSS class names used in the front end core layout files.
+
 
+
{| class="prettytable"
+
| '''Class'''
+
| '''Description'''
+
  
 +
{| class="wikitable sortable"
 +
! Class
 +
! Description
 
|-
 
|-
 
| actions
 
| actions
 
| list of print/email/pdf/edit etc icon buttons
 
| list of print/email/pdf/edit etc icon buttons
 
 
|-
 
|-
 
| archive-items
 
| archive-items
 
| items in the archive
 
| items in the archive
 
 
|-
 
|-
 
| archive(suffix)
 
| archive(suffix)
 
| archive page
 
| archive page
 
 
|-
 
|-
 
| archive-module(suffix)
 
| archive-module(suffix)
 
| articles archive module
 
| articles archive module
 
 
|-
 
|-
 
| article
 
| article
 
| the container for an article and its metadata
 
| the container for an article and its metadata
 
 
|-
 
|-
 
| bannergroup(suffix)
 
| bannergroup(suffix)
 
| banner module
 
| banner module
 
 
|-
 
|-
 
| banneritem
 
| banneritem
 
| item in the banner module
 
| item in the banner module
 
 
|-
 
|-
 
| bannerfooter
 
| bannerfooter
 
| footer in the banner module
 
| footer in the banner module
 
 
|-
 
|-
 
| blog(suffix)
 
| blog(suffix)
 
| blog layout page
 
| blog layout page
 
 
|-
 
|-
 
| breadcrumbs(suffix)
 
| breadcrumbs(suffix)
 
| breadcrumbs module
 
| breadcrumbs module
 
 
|-
 
|-
 
| cat-items
 
| cat-items
 
| items in the category
 
| items in the category
 
 
|-
 
|-
 
| categories-list(suffix)
 
| categories-list(suffix)
 
| categories view
 
| categories view
 
 
|-
 
|-
 
| category
 
| category
 
| category table
 
| category table
 
 
|-
 
|-
 
| category-desc
 
| category-desc
 
| block with category image and description
 
| block with category image and description
 
 
|-
 
|-
 
| category-list(suffix)
 
| category-list(suffix)
 
| category list (sortable table) layout
 
| category list (sortable table) layout
 
 
|-
 
|-
 
| cols1
 
| cols1
 
| total number of columns in multi-column layout is 1
 
| total number of columns in multi-column layout is 1
 
 
|-
 
|-
 
| cols2 (or 3 or 4, etc)
 
| cols2 (or 3 or 4, etc)
 
| total number of columns in multi-column layout is 2 (or 3 or 4, etc)
 
| total number of columns in multi-column layout is 2 (or 3 or 4, etc)
 
 
|-
 
|-
 
| column1
 
| column1
 
| column 1 in possible multi-column layout
 
| column 1 in possible multi-column layout
 
 
|-
 
|-
 
| column2 (or 3 or 4, etc)
 
| column2 (or 3 or 4, etc)
 
| column 2 (or 3 or 4, etc) in possible multi-column layout  
 
| column 2 (or 3 or 4, etc) in possible multi-column layout  
 
 
|-
 
|-
 
| counter
 
| counter
 
| page x of x display
 
| page x of x display
 
 
|-
 
|-
 
| created-by
 
| created-by
 
| person who created the article
 
| person who created the article
 
 
|-
 
|-
 
| created-date
 
| created-date
 
| date the article was created
 
| date the article was created
 
 
|-
 
|-
 
| display-limit
 
| display-limit
 
| display number limit
 
| display number limit
 
 
|-
 
|-
 
| edit-icon
 
| edit-icon
 
| edit icon
 
| edit icon
 
 
|-
 
|-
 
| element-invisible
 
| element-invisible
 
| class for elements to not be visible but readable by screen readers
 
| class for elements to not be visible but readable by screen readers
 
 
|-
 
|-
 
| email-icon
 
| email-icon
 
| email icon
 
| email icon
 
 
|-
 
|-
 
| filter-search
 
| filter-search
 
| search filter
 
| search filter
 
 
|-
 
|-
 
| filter-search-lbl
 
| filter-search-lbl
 
| label for the search filter
 
| label for the search filter
 
 
|-
 
|-
 
| filters
 
| filters
 
| filters for the items
 
| filters for the items
 
 
|-
 
|-
 
| item-category
 
| item-category
 
| category in the item-info list
 
| category in the item-info list
 
 
|-
 
|-
 
| item-info
 
| item-info
 
| information about the item such as category, created date, author, etc
 
| information about the item such as category, created date, author, etc
 
 
|-
 
|-
 
| item-page(suffix)
 
| item-page(suffix)
 
| single article page
 
| single article page
 
 
|-
 
|-
 
| item-separator
 
| item-separator
 
| separator at the end of each article  
 
| separator at the end of each article  
 
 
|-
 
|-
 
| items-intro
 
| items-intro
 
| block of articles with introductions
 
| block of articles with introductions
 
 
|-
 
|-
 
| items-leading
 
| items-leading
 
| block of leading articles
 
| block of leading articles
 
 
|-
 
|-
 
| items-more
 
| items-more
 
| block of links to additional articles
 
| block of links to additional articles
 
 
|-
 
|-
 
| latestnews(suffix)
 
| latestnews(suffix)
 
| latest news module
 
| latest news module
 
 
 
|-
 
|-
 
| list-author
 
| list-author
 
| author column
 
| author column
 
 
|-
 
|-
 
| list-date
 
| list-date
 
| date column
 
| date column
 
 
|-
 
|-
 
| list-hits
 
| list-hits
 
| hits column
 
| hits column
 
 
|-
 
|-
 
| list-title
 
| list-title
 
| title column
 
| title column
 
 
|-
 
|-
 
| modified-date
 
| modified-date
 
| last date article modified
 
| last date article modified
 
 
|-
 
|-
 
| mostread(suffix)
 
| mostread(suffix)
 
| popular articles module
 
| popular articles module
 
 
|-
 
|-
 
| pagination
 
| pagination
 
| block display page numbers & pagination links
 
| block display page numbers & pagination links
 
 
|-
 
|-
 
| pathway
 
| pathway
 
| breadcrumb links
 
| breadcrumb links
 
 
 
|-
 
|-
 
| pdf-icon
 
| pdf-icon
 
| pdf icon button
 
| pdf icon button
 
 
|-
 
|-
 
| print-icon
 
| print-icon
 
| print icon button
 
| print icon button
 
 
|-
 
|-
 
| readmore
 
| readmore
 
| read more link
 
| read more link
 
 
|-
 
|-
 
| row0
 
| row0
 
| odd rows in tables
 
| odd rows in tables
 
 
|-
 
|-
 
| row1
 
| row1
 
| even rows in tables
 
| even rows in tables
 
 
|-
 
|-
 
| subcategories
 
| subcategories
 
| list of subcategory links
 
| list of subcategory links
 
 
|-
 
|-
 
| system-unpublished
 
| system-unpublished
 
| article is an "unpublished" article
 
| article is an "unpublished" article
 
 
|}
 
|}
  
 
+
====See also====
 +
*[[Joomla 1.6 Core Classes - Components|list of CSS Classes generated by Joomla 1.6 core components]]
 +
*[[Joomla 1.6 Core Classes -  Modules|list of CSS Classes generated by Joomla 1.6 core modules]]
 +
*[[Joomla 1.6 Core IDs|list of IDs generated by Joomla 1.6 core components and modules]]
 
[[Category:Specifications Version 1.6]] [[Category:Specifications]]
 
[[Category:Specifications Version 1.6]] [[Category:Specifications]]
 
[[Category:References]][[Category:Template Development]]
 
[[Category:References]][[Category:Template Development]]

Latest revision as of 20:56, 19 September 2012

List of CSS class names used in the front end core layout files.

Class Description
actions list of print/email/pdf/edit etc icon buttons
archive-items items in the archive
archive(suffix) archive page
archive-module(suffix) articles archive module
article the container for an article and its metadata
bannergroup(suffix) banner module
banneritem item in the banner module
bannerfooter footer in the banner module
blog(suffix) blog layout page
breadcrumbs(suffix) breadcrumbs module
cat-items items in the category
categories-list(suffix) categories view
category category table
category-desc block with category image and description
category-list(suffix) category list (sortable table) layout
cols1 total number of columns in multi-column layout is 1
cols2 (or 3 or 4, etc) total number of columns in multi-column layout is 2 (or 3 or 4, etc)
column1 column 1 in possible multi-column layout
column2 (or 3 or 4, etc) column 2 (or 3 or 4, etc) in possible multi-column layout
counter page x of x display
created-by person who created the article
created-date date the article was created
display-limit display number limit
edit-icon edit icon
element-invisible class for elements to not be visible but readable by screen readers
email-icon email icon
filter-search search filter
filter-search-lbl label for the search filter
filters filters for the items
item-category category in the item-info list
item-info information about the item such as category, created date, author, etc
item-page(suffix) single article page
item-separator separator at the end of each article
items-intro block of articles with introductions
items-leading block of leading articles
items-more block of links to additional articles
latestnews(suffix) latest news module
list-author author column
list-date date column
list-hits hits column
list-title title column
modified-date last date article modified
mostread(suffix) popular articles module
pagination block display page numbers & pagination links
pathway breadcrumb links
pdf-icon pdf icon button
print-icon print icon button
readmore read more link
row0 odd rows in tables
row1 even rows in tables
subcategories list of subcategory links
system-unpublished article is an "unpublished" article

See also