Diseño web Joomla
Si tiene un proyecto para internet, sepa que desde Diseño web Joomla realizo diseño web, web movil vea el portafolio web y la pagina de e-commerce.
Tambien puede consultar la web optimizada para telefono movil: diseño web, web movil
Curso Joomla
Imparto cursos sobre Joomla, busque más información en la página del link.
Manual plugins Joomla

Todos los manuales sobre plugins de Joomla 1.5
Ultimos comentarios
  • Wrapper Joomla
    Ciao Estamos fuera del tema del articulo, de todos modos no lo conseguiras hacer desd...
    de Federico Piccoli
  • Wrapper Joomla
    hola a todos, yo soy nuevo usando joomla y tengo un pequeño problema con los wrapper ...
    de jhon_p
  • Phoca Download y Phoca Gallery...
    Ciao Depende, si estamos hablando del template del sitio estara en template/NOMBREDEL...
    de Federico Piccoli
  • Phoca Download y Phoca Gallery...
    Cual seria la etiquete o la linea del archivo css donde esta el color del fondo gener...
    de rbriann
Manuales Joomla Movil
Manuales Css y Templates Joomla
Manuales sobre servidores

Para ver todos los manuales acerca de servidores
Manuales Posicionamiento web
Manuales Temas Diversos
Búsqueda general
Login
Recordarme

Template css de Joomla: clases del css

Visitas: 3523
Template Joomla
Miércoles, 24 de Febrero de 2010 19:00

Temas relacionados:

Template css de Joomla: border
Template css de Joomla: el link
Template css de Joomla: font, font-family, font-size, etc...
 
Un archivo template css de Joomla tiene que contener las siguientes clases css que Joomla puede pedir. No es obligatorio que las contenga todas, porque hay algunas instrucciones que suplen las ausencias, veamos cuales son las clases del template css de Joomla y a que función o área del Template Joomla están asignadas:

Template css: Clases Css básicas

En este grupo cito las clases básicas de Css que joomla usa por defecto cuando no se especifíca otro. Los comandos de estilo van escritos entre {}
body Controla los font, el background, etc... de las páginas.
p Regula los elementos <div>.
td Regula los elementos <td>
tr Regula los elementos <tr>
ul Regula los elementos UL (unordered list - listas no ordenadas)
a:link Regula los links
a:visited Regula los links visitados
a:hover Regula el mouseover de los links
hr Regula las lineas horizontales
hr.separator

Template css: Las Form

gobiernan el <div> che contiene los elementos de los diversos form
.button
.inputbox
.search



Template css: Menu de navegación

#active_menu regula el estilo del elemento del menú de navegación cuando está activo
a.mainlevel
a.mainlevel:link
a.mainlevel:visited
a.mainlevel:hover
ul#mainlevel-nav
ul#mainlevel-nav li
#mainlevel-nav a:link
#mainlevel-nav a:visited
#mainlevel-nav a:hover
.pagenavbar
La barra de navegación (inicio, anterior, siguiente, última) sin link
.pagenavbar:visited
.pagenav
.pagenavbar:link
La barra de navegación (inicio, anterior, siguiente, última) con link
a.pagenav:visited
a.pagenav:hover

a.readon:link: Leer más
a.readon:hover
a.readon:visited
.back_button
Botón Principio
.pagenav_prev Botón Anterior
.pagenav_next Botón Posterior

Template css: Páginas de contenido

a.category:link
a.category:hover
a.category:visited
.blogsection
Links en la sección Blogs
.blog_more estilo del texto "Mas" de una sección blog*/
a.blogsection:link Links en la sección Blogs
a.blogsection:visited
a.blogsection:hover
.componentheading
El título del componente, cuando se usa para mostrar el contenido
.contentheading El título del articulo o del componente cuando se muestra
.contentpane Estilos de tabla que contenga información que no forme parte de un artículo  (componentes, listas de categoría, form de contacto, etc...)
.contentpaneopen Rigen la tabla que contiene el texto de un artículo
.contentpagetitle Título del articulo
a.contentpagetitle:link Título del articulo cuando se presenta como link
a.contentpagetitle:visited
a.contentpagetitle:hover
.contentdescription
Regula la descripción de secciones y categorías
table.contenttoc Dirige la tabla “Indice de contenido en los artículos de más de una página
table.contenttoc td
table.contenttoc th
table.contenttoc td.toclink
los link de la misma tabla
a.toclink:link
a.toclink:visited
a.toclink:hover


Template css: Listas de secciones y categorías

.sectiontableheader Los títulos del encabezado de la tabla secciones (Título, fecha, autor Hits)
.sectiontableentry1 Las dos forms alternas del contenido de la tabla de secciones
.sectiontableentry2

Template css: Módulos

table.moduletable Tabla del módulo
table.moduletable th Cabecera del módulo
table.moduletable td Cuerpo del módulo

Template css: Diversos

.createdate Fecha de creación de artículos y contenidos
.modifydate Lo mismo para las fechas de modificación
.small El texto “Leer más:...”
.smalldark Texto “Número de votos ” de la página de Encuestas

Template css: Encuestas

.poll Rige el tag <td> de la tabla de Encuestas
.pollstableborder borde de la tabla de Encuestas


Template css: Weblink

.weblinks Regula la presentación de los weblinks en el frontend
a.weblinks hover

Template css: News - Newsfeeds

.newsfeeddate Fecha del Newsfeeds
.fase4rdf Texto del Newsfeeds

Template css: Página de búsqueda

table.searchintro El box de la búsqueda avanzada


 

Video Tutorial Joomla: manuales de componentes, modulos y plugins de Joomla
Copyright © 2008 - 2012 Video tutorial Joomla - Todos los derechos reservados