Avisos
Vaciar todo
Joomla 1.5
18
Respuestas
5
Usuarios
0
Reactions
5,904
Visitas
Topic starter
www.cndanza.net
Estoy intentando cambiar el color de la posición top-a de mi plantilla quamtum de yoothme. He mirado el tutorial de sufijos de módulo dos o tres veces, pero no me funciona.
Creo que tengo algún error de concepto porque en realidad entiendo que hablar de sufijos es hablar de módulos y cuando quieres variar el fondo de color de una posición no hablas de ningún módulo en concreto, no me interesa cambiar el color de los módulos que se insertan en esta posición sino el color de fondo de la posición.
Tengo localizada en la plantilla layout.css la línea que corresponden de este cambio de color
#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }
si quiero que mi plantilla contenga un fondo gris claro en lugar de oscuro en una sola sección (el front-end), aplico la teoría del sufijo de módulo, pero no funciona:
.page-top .page-gris { background: #DADADA } al final de la hoja de estilos layout.css
El problema que encuentro es que si voy al módulo que tengo instalado, que es un wrapper, escribo en el espacio de module sufix _page-gris, page-gris con un espacio o page-gris sin espacio y no solo no me cambia el color del fondo, es que me estropea la medida del wrapper.
Me llama la atención que para escribir nuevos sufijos, se pone un puntito delante, ¿no vale una #?, porque en el layout casi todo está escrito con almoadilla.
Respondido : 22/12/2011 6:14 pm
Topic starter
¿alguien me puede ayudar?, me urge solucionar esta cuestión
Respondido : 23/12/2011 12:49 pm
Hola Rosario,
que es lo que quieres hacer exactamente? En la web que has puesto en el enlace se ven dos fondos diferentes.. si nos pasaras una captura de pantalla de tu web editada con paint o cualquier otro editor de imágenes donde se vea el cambio que quieres hacer nos sería más sencillo explicarte..
Saludos
Respondido : 23/12/2011 3:33 pm
Topic starter
El fondo es gris oscuro y me gustaría que fuese clarito, pero solo en esta sección
Respondido : 23/12/2011 5:21 pm
Hola Rosario
En tu archivo de template : /templates/yoo_vanilla/css/layout.css , ubica el estilo y cambia el background, por ejemplo :
#page-top .page-top-1{
background : blue;
}
Saludos.
Respondido : 24/12/2011 3:04 pm
Topic starter
si, esto ya lo se, pero es que solo quiero que cambie el color en una sección, no en las demás
Respondido : 24/12/2011 3:22 pm
Hola Rosario,
Creo que tengo algún error de concepto porque en realidad entiendo que hablar de sufijos es hablar de módulos y cuando quieres variar el fondo de color de una posición no hablas de ningún módulo en concreto, no me interesa cambiar el color de los módulos que se insertan en esta posición sino el color de fondo de la posición.
Considero que se trata de un error de concepto, pues lo sufijos son llamadas a estilos que envuelven los estilos del módulo al que lo apliques permitiendo que sean estos los que prevalezcan.
Normalmente un sufijo si se aplica a un solo módulo desde el campo "Sufijo de la clase del módulo" solo debe afectar a este módulo en cuestión y no al resto.
También puedes crear en la hoja .css correspondiente los sufijos que consideres necesarios e incluso variaciones dentro de un mismo sufijo ya existente para que se apliquen a los módulos que necesiten tengan una apariencia ligeramente diferente al resto.
Saludos
Respondido : 24/12/2011 6:57 pm
Topic starter
creo que no nos entendemos, seguramente no me se explicar,
Tengo localizada en la plantilla layout.css la línea que corresponden de este cambio de color
#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }
esta isntrucción afecta a la posición top, (que yo creo que no es un módulo sino una posición, quizás este es mi error de concepto).
Dentro de la posición se incluye el módulo wrapper o widget o culaquier otro, pero yo no quiero cambiar los módulos que incluyo en la posición top sino el color de fondo de la posción top y que esto suceda en una sola sección.
si duplico esta instrucción, le cambio el nombre a topazul y el color de fondo y aplico al sujo del módulo
#page-top .page-topazul { background: #dadada url(../images/page_top_bg_b.png)
50% 0% repeat-x; }
¿qué tendría que escribir en el sufijo de módulo exactamente y donde?, ¿quizás en el módulo que tengo aplicado en esa sección y colocado en esa posición?, lo he intentado escribiendo _top azul o top azul con un espacio, pero no me funciona.
Felices Fiestas ¿Trabájais también esta noche y mañana?. Mis mejores deseos para todo el equipo.
Respondido : 24/12/2011 7:49 pm
Hola Rosario,
Analizo la posición "top" de tu plantilla y no entiendo el sentido de aplicar un "background" si ya está ocupada 100% la posición con el módulo de imágenes centrales.
Saludos
Respondido : 24/12/2011 10:05 pm
Topic starter
pues yo quiero cambiar las zonas laterales que se ven en gris oscuro y ponerlas en gris clarito y eso se hace desde layout.css
#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }
entonces calmbia el colro en toda la plantilla, pero me gustaría saber si se puede cambiar ese color sólo en una sección y que el resto quedaran en gris oscuro.
Respondido : 25/12/2011 10:07 am
Hola Rosario,
¿Serias tan amable de adjuntar una captura donde se vea la portada de tu sitio y señalar que zonas son las que quieres cambiar? porque no acabo de entenderte, disculpa.
Saludos
Respondido : 25/12/2011 7:14 pm
Topic starter
www.cndanza.net
en una de las entradas anteriores de esta consulta hay una imagen que pone fondoazul.jpg, se trata de que el fondo de la posición top que normalmente aparece en gris oscuro aparezca en tonos claros, pero solo en una sección, no en toda la web.
Respondido : 27/12/2011 5:51 pm
Hola Rosario
Agrega el siguiente estilo al archivos layout.css
#page-top .page-top-2{
background : blue;
}
Te cambia sólo una sección no todo el background de la web
Saludos
Respondido : 27/12/2011 9:14 pm
Topic starter
pero imagino que una vez que he escrito este código en layout.css tengo que hacer referencia a él en algún lugar de la sección en la que quiero que funcione ¿cómo podría hacerlo para que el programa sepa que es esa la sección top-2? ¿me lo puede explicar de la forma más clara y definida posible?, me refiero a que si tengo que poner comillas, guiones, espacios o demás.
Respondido : 29/12/2011 8:10 pm
Hola Rosario,
¿Has probado el código tal como te indica Jhon? En el código ya se indica el .page-top-2
Saludos
Respondido : 30/12/2011 10:33 am
Página 1 / 2
Siguiente
