Mod05 - CSS Joomla

También podría gustarte

Está en la página 1de 4
Lista completa de Estilos CSS para Joomla 1.0.12 explicada en detalles! Antes de empezar la linea de VideoTutoriales joomla dedicados a las plantilla, puedes ir documentandote con las CSS que maneja joomla, te recomiendo que vayas memorizando algunas, ya que este es uno de las aspectos liosos (por lo extenso), en la creacién de plantillas. Pues aqui te dejo la lista de los estilos CSS que una joomla Estandar, bueno estén la mayoria si falta alguna puedes hacérnoslos saber a través de los comentarios. Pues aqui tienes la lista del os Estilos CSS de las Plantilla en Joomla... 7 Por Dinh Viet Hung (C) http://www. joomlart..com /* AJUSTES POR DEFAULT */ body {}/* Estilo para la etiqueta del body de su sitio Web, controla la familia fonts de su pagina, e1 background, etc.*/ P{} /*Zormateo de todos los articulos con
(division). Esto es un cath-all que sélo se aplica cuando ningin otro estilo ha sido definido.*/ td (} /*formazeo de todos Jos articulos con la etiqueta . Este ajuste por defecto es usado cuando ningiin otro estilo ha sido definido.*/ tt {) /*formateo de todos los articulos con la etiqueta . Este ajuste por defecto es usado cuando ningin otro estilo ha sido definido.*/ ul {} /#formateo de todos Ios articulos (lista no solicitada) con la etiqueta
    . Este ajuste por defecto es usado cuando ningiin otro estilo ha sido definido.*/ aclink {} /# Estilo General de los enlaces*/ anisited {} /+8stilo General para los enlaces visitados*/ athover {} /*Estilo General para cuando el puntero pasa por encima.*/ hr |} /* Linea horizontal en su plantilla*/ hrseparator {| /*separador de noticias (__)*/ ‘/* BJUSTES DE FORMAS */ button {} /*boton*/ sinputbox |} /*campos de escritura de formularios, caja de canpos.*/ search {| /£1 Formateo de
    que sostiene articulos de busqueda: Inputbox, palabra del search...*/ /* NAVEGACION/MJUSTES DE LOS MENUS, TOP MENU Y MAIN MENU, ETC., */ amainlevel{} /+ Este estilo aplica para los elementos del MAIN en el menu 7 amainlevel:link {} /*odos los enlaces vistos normalmente.*/ amainlevel:visited {} /+Enlaces visitados edel menu principal*/ amainlevel:hover {} /*Vista de los enlaces cuando el puntero pasa por encima 7 Hactive_menu |} /* Este estilo es para el elenento del meni cuando este estd activo, hasta en una subposicién en el main*/ ul#mainlevel-nav |} /*generaimente es usado para definir el estilo del top menu*/ ulémainlevel-nay li(} /+ define e1 estilo de los enlaces de una lista del top enut/ fmainlevel-nay ailink {) /*enlaces vistos normalmente*/ asublevel:hover {} /*cuando e1 puntero del mouse pasa por encima*/ pagenavbar {} /*Coloca e estilo para la navegacién en el footer (pie de pagina) (vec Start < Prev Next > End >>") cuando ellos no aparecen como hipervinculos (cuando solo existan unos articulos).*/ -pagenavbar‘link {} /*#stilo para el footer de navegacién; pie de pagina (vee Start < Prev Next > End >>") cuando ellos hacen de hiper enlaces */ _pagenavbar:visited {) /estilo que define cuando el enlace es visitado*/ pagenay {} /* es e] nombre implicado, esto es para formatear textos para aquellos nec Start < Previous 1 Next > End >>" enlaces del footer */ apagenav:visited |} /+visitados*/ a.pagenav:hover {} /*cuando se pasa por encima de estos.*/ axeadonclink {} /*8stilo para el "Read Nore" (Leer M&S.) Bs el enlace que despliega en una pagina nueva los contenidos extensos de los articulos */ axreadon:hover {) /*cuando se pasa por encima del leer més..*/ a.readon:visited {} /*cuando es visitado*/ bback_button {} /*Zstilo para el botén “Atrés”("BACK" button) */ pagenav_prev {| /*Bstilo para el botén PREV*/ pagenav next {| /*Estilo para el botdén NEXD*/ Jatestnews ul {} /*2stilo para 1a lista de las iltimas noticias (latest news) ~ por default, Jatest news es el modulo userl.*/ latestnews li {| /+ #: news*/ mostread ul{} /*Estilo para la lista del modulo “nds visto” ~ por defecto, nis visto (most popular) es el modulo user2*/ mostread li} /*8stilo para los elementos en forma de lista del most popular*/ /* AJUSTS DS PAGINA REFERENTS A LOS CONTENTDOS*/ a.category'link {} /*enlaces*/ a.category:hover {} /*cuando se pasa por encima de ellos.*/ category:visited {} /tentaces visitados.*/ blogsection {} /* Pormateo de los enlaces en Blog section */ bblog_more {} /*1 "mas" (wore) 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*/ ablogsection:hover {} /* mismo como encima, para poner e1 formato a los enlaces cuando el puntero del mouse pase sobre este*/ componentheading {}/* Titulo del componente usado para desplegar el contenido, Blog, Contacs etc., .*/ contentheading |} /+ Titulo del contenido, art. mostrado.*/ contentpane {} /* Tabla que sostiene toda 1a informacién que no son articulos (componentes, lista de categorias, formularios de contacto, ete) .*/ contentpaneopen {} /* vfabla que sostiene el texto actual para un articulo.*/ contentpagetitle {} /+Titulo de los articulos*/ a.contentpagetitleshover {} /*Titulo de los articulos cuando aparecen como enlaces */ a.contentpagetitle:link |) /*titulos vistes como enlaces. */ a.contentpagetitle-visited {} /+titulos visitados.*/ contentdescription {} /+ Formateo de la "DESCRIPCION" de secciones, categorias (iiews/#eblinks/tatest news. rilo para los elementos en forma de lista del lates ulo, etc. para ser ” table.contenttoc {| /* Formatea la tabla, de las tablas de contenidos para a.toclinkslink {} /* mismo como encima, usado para formatear e1 estado dei texto enlazado (toc Link text status) */ a.toclink:visited {} /* texto enlazado una vez visitado*/ a.toclink:hover {) /+ texto enlazado cuando e1 puntero pasa encima de este*/ /* LISTADO DE SECCTONES MAMBO */ sectiontableheader |) /* Esto es para estilizar la cabecera de las tables de Ja seccién en una SECTION'es de 1a pagina. Ejemplo: cabecera de la tabla "Date" (fecha), "Item Title" (titulo del articulo), "author" (autor) y "alts" (vistas) */ .sectiontableentry! {} /*Barra de color blanco. */ sectiontableentry2 |} /*Barra de color gris, por lo regular estas se vén en as polls, contactos etc.,.*/ /* FORMATEO DE LOS MODULOS DE MAMBO */ table.moduletable {} /* Formateo de la tabla del modulo */ table.moduletable th {) /* Formateo de la cabecera del modulo, y el titulo del modulo */ table.moduletable td {} /* Formateo de las celdas de la tabla, en la tabla del modulo */ /* MISCELANEOS */ /* Fechas , Autozes*/ createdate {) /* Para estilizar 1a fecha de c! del contenido Yarticulos, mostradobajoel titulo del contenido */ modifydate {} /* Formateo del texto "Last updated on” ("Ultima actualizacién fen”) al final de log articules/contenidos */ small {} /+ Formateo del texto "Written by:...." (Escrito por: ...)*/ -smalldark {}/#Encontrado en pagina de resultados de encuesta, para el formateo del texto " Number of Voters".. (Nimero de votos) */ /* Encuestas, Polls */ ppoll |} /+ formato del .td de 1a tabla de encuesta */ cpollstableborder {) /+ pone las propiedades del borde en 1a tabla de la encuesta de votacién */ /* Enlaces del Sitio, componente Weblinks */ weblinks|) /* Para formatear los titulos enlazados bajo el "Weblinks" Seccién en el frontend */ a.weblinks:hover {} /+ mismo como encima, para los enlaces con el mouse encina del enlace */ /* Newsfeeds */ newsfeedheading |} /+ £1 titulo del newsfeed. NOTA: Este no afectaré el titulo de noticias del newsfeed! */ newsfeeddate |} /+ 1a fecha en 1a newsfeed */ fasedrdf |} /* Esto es e1 cuerpo del texto de la newsfeed */ /* Buscar pégina */ table.searchintro {) /* Esto es para fornatear la caja cuando "Buscar palabra: Ja prueba devuelve 4 tiempos" 1a caja que aparece después de que usted ha insertado un valor de busqueda. Aparece en el mainbody con los resultados de biisqueda */ (+ MAMBO TABBED FRONTEND ADMIN INTERFACE */ /* B1 CSS de abajo define como el frontend 1a cuando ha entrade al sistema */ interface de acministracién ontab {}/* Para estilizar los botones "Pab" (etiqueta) cuando sean editados los contenidos a través del front end cono en la aministracién. Este .ontab es 1a estilizacién para la etigueta tab cuando esta esté activa o después de "pulsarse” */ .offtab {} /* mismo como encima, usado para estilizar los botnoes de etiqueta "Zab" cuando sean editados los contenidos a través del frontend Fsta es la estilizacién para la etiqueta tab cuando esta sea "No active” 0 cuando esta no sea "Pulsada” */ tabpadding {| /* este esti e1 tamafo de la etiqueta en /* Traduccién Proyecto Hispano*/ /* Bportacién Alicante*/

    También podría gustarte