Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/06/2008, 05:36
Avatar de skullz-group
skullz-group
 
Fecha de Ingreso: noviembre-2007
Ubicación: Catalunya
Mensajes: 461
Antigüedad: 16 años, 5 meses
Puntos: 10
Tutorial Lista completa de Estilos CSS para Joomla

Buenas a todo el mundo;creo que estos datos seran de interes para muchos de los usuarios de este foro.Siempre hay algo que medificar dentro de un buén site osea que aqui encontrares como cambiarlo.

/* AJUSTES POR DEFAULT */


body {}/* Estilo para la etiqueta del body de su sitio Web, controla la familia fonts de su página, el background, etc.*/


p {} /*formateo de todos los artículos con <div> (division). Esto es un cath-all que sólo se aplica cuando ningún otro estilo
ha sido definido.*/


td {} /*formateo de todos los artículos con la etiqueta <td>. Este ajuste por defecto es usado cuando ningún otro estilo ha
sido definido.*/


tr {} /*formateo de todos los artículos con la etiqueta <tr>. Este ajuste por defecto es usado cuando ningún otro estilo ha
sido definido.*/


ul {} /*formateo de todos los artículos (lista no solicitada) con la etiqueta <UL>. Este ajuste por defecto es usado cuando
ningún otro estilo ha sido definido.*/


a:link {} /* Estilo General de los enlaces*/


a:visited {} /*Estilo General para los enlaces visitados*/


a:hover {} /*Estilo General para cuando el puntero pasa por encima.*/

hr {} /* Línea horizontal en su plantilla*/


hr.separator {} /*separador de noticias ( ___ )*/



/* AJUSTES DE FORMAS */


.button {} /*boton*/


.inputbox {} /*campos de escritura de formularios, caja de campos.*/


.search {} /*El Formateo de <div> que sostiene artículos de búsqueda: inputbox, palabra del search...*


/* NAVEGACION/AJUSTES DE LOS MENUS, TOP MENU Y MAIN MENU, ETC., */


a.mainlevel{} /* Este estilo aplica para los elementos del MAIN en el menu */


a.mainlevel:link {} /*Todos los enlaces vistos normalmente.*/


a.mainlevel:visited {} /*Enlaces visitados edel menu principal*/


a.mainlevel:hover {} /*Vista de los enlaces cuando el puntero pasa por encima */


#active_menu {} /* Este estilo es para el elemento del menú cuando este está activo, hasta en una subposición en el
main*/


ul#mainlevel-nav {} /*generalmente es usado para definir el estilo del top menu*/


ul#mainlevel-nav li{} /* define el estilo de los enlaces de una lista del top menu*/


#mainlevel-nav a:link {} /*enlaces vistos normalmente*/



#mainlevel-nav a:visited{} /*enlaces visitados */



#mainlevel-nav a:hover {} /*cuando el puntero del mouse pasa por encima*/


a.sublevel{} /* Esta estilización es para elementos del submenu que tienen a un PADRE (submenus)*/

/*(elemento subnivel) */


a.sublevel:link {} /*enlaces vistos normalmente*/



a.sublevel:visited {} /*enlaces visitados*/



a.sublevel:hover {} /*cuando el puntero del mouse pasa por encima*/



.pagenavbar {} /*Coloca el estilo para la navegación en el footer (pie de página)


("<< Start < Prev Next > End >>") cuando ellos no aparecen como hipervínculos (cuando solo existan unos artículos).*/


.pagenavbar:link {} /*Estilo para el footer de navegación; pie de página


("<< Start < Prev Next > End >>") cuando ellos hacen de hiper enlaces */


.pagenavbar:visited {} /*estilo que define cuando el enlace es visitado*/

.pagenav {} /* es el nombre implicado, esto es para formatear textos para aquellos


"<< Start < Previous 1 Next > End >>" enlaces

del footer */



a.pagenav:visited {} /*visitados*/



a.pagenav:hover {} /*cuando se pasa por encima de estos.*/


a.readon:link {} /*Estilo para el "Read More" (Leer Más&hellip;) Es el enlace que despliega en una página nueva los
contenidos extensos de los artículos */


a.readon:hover {} /*cuando se pasa por encima del leer más..*/


a.readon:visited {} /*cuando es visitado*/


.back_button {} /*Estilo para el botón &ldquo;Atrás&rdquo;("BACK" button)*/


.pagenav_prev {} /*Estilo para el botón PREV*/

.pagenav_next {} /*Estilo para el botón NEXT*/










.latestnews ul {} /*Estilo para la lista de las últimas noticias (latest news) &ndash; por default,


latest news es el modulo user1.*/


.latestnews li {}/* Estilo para los elementos en forma de lista del lates news*/


.mostread ul{} /*Estilo para la lista del modulo &ldquo;más visto&rdquo; &ndash; por defecto, más visto (most popular)
es el modulo user2*/


.mostread li{}/*Estilo para los elementos en forma de lista del most popular*/


/* AJUSTE DE PAGINA REFERENTE A LOS CONTENIDOS*/




a.category:link {} /*enlaces*/



a.category:hover {} /*cuando se pasa por encima de ellos.*/



a.category:visited {}/*enlaces visitados.*/



.blogsection {} /* Formateo de los enlaces en Blog section */


.blog_more {} /*El "Más" (More) texto en blog section*/


a.blogsection:link {} /* Pone el formato del enlace*/


a.blogsection:visited {} /* mismo como encima, para poner el formato del enlace visitado*/


a.blogsection:hover {} /* mismo como encima, para poner el formato a los enlaces cuando el puntero del mouse pase
sobre este*/


.componentheading {}/* Título del componente usado para desplegar el contenido, Blog, Contacs etc., .*/


.contentheading {} /* Título del contenido, artículo, etc. para ser mostrado.*/


.contentpane {} /* Tabla que sostiene toda la información que no son artículos (componentes, lista de categorías,
formularios de contacto, etc).*/


.contentpaneopen {} /* Tabla que sostiene el texto actual para un artículo.*/


.contentpagetitle {} /*Título de los artículos*/



a.contentpagetitle:hover {} /*Título de los artículos cuando aparecen como enlaces */


a.contentpagetitle:link {} /*titulos vistos como enlaces.*/



a.contentpagetitle:visited {} /*titulos visitados.*/



.contentdescription {} /* Formateo de la "DESCRIPCION" de secciones, categorías


(News/Weblinks/Latest news...) */



table.contenttoc {} /* Formatea la tabla, de las tablas de contenidos para páginas múltiples de contenido o artículos */




table.contenttoc td {} /* mismo como encima, usado para formatear el td y la tabla, como celdas */


table.contenttoc th {} /* mismo como encima, usado para formatear el th de "Tablas de Contenido" ( Artículos normales
del Index)*/


table.contenttoc td.toclink {} /* mismo como encima, usado para formatear texto toc link texts*/


a.toclink:link {} /* mismo como encima, usado para formatear el estado del texto enlazado (toc link text status)*/

a.toclink:visited {} /* texto enlazado una vez visitado*/


a.toclink:hover {} /* texto enlazado cuando el puntero pasa encima de este*/