Solucionado - Dar estilos diferentes a los títulos de cada módulo

[Photonica]

La duda que os vengo a plantear es un poco difícil de hacer con palabras, así que os adjunto una imagen donde vais a entender rápidamente a lo que me refiero:

 

 

Lo que quiero hacer es que el fondo gris de los títulos de cada módulo tenga un color de fondo diferente, según el módulo, por ejemplo, que productos destacados esté en rojo, y ofertas en verdes ¿es eso posible hacerlo?

Edited February 6, 2013 by Photonica (see edit history)

[nadie]

La duda que os vengo a plantear es un poco difícil de hacer con palabras, así que os adjunto una imagen donde vais a entender rápidamente a lo que me refiero:

 

 

Lo que quiero hacer es que el fondo gris de los títulos de cada módulo tenga un color de fondo diferente, según el módulo, por ejemplo, que productos destacados esté en rojo, y ofertas en verdes ¿es eso posible hacerlo?

 

Mira esta guía:

 

Guía – Cambiar fondo del encabezado en el módulo de productos destacados en Prestashop 1.5

[trajegris]

Y si se quiere cambiar el color del texto?

[jaloise]

Y si se quiere cambiar el color del texto?

 

Recomiendo que abras un tema nuevo para tu consulta.

[trajegris]

Vale, ya lo he hecho, pero quiza entre aqui las siguiente preguntas:

 

1-Aparte de cambiar el color ¿podemos cambiar el diseño, ponerle un marco, sombreado, etc.?

2-¿Donde podemos ver el codigo del color que queremos darle?

[jaloise]

Vale, ya lo he hecho, pero quiza entre aqui las siguiente preguntas:

 

1-Aparte de cambiar el color ¿podemos cambiar el diseño, ponerle un marco, sombreado, etc.?

2-¿Donde podemos ver el codigo del color que queremos darle?

 

Todo es posible con CSS... A que te referis con codigo de color? A que queres darle un sombreado? pone tu URL.

 

Saludos...

[trajegris]

Mi tienda es:

http://www.sex1shop.es

Lo del codigo de color ya lo se, se mira, por ejemplo, en http://html-color-codes.info/codigos-de-colores-hexadecimales/ y puedes elegir el color que quieras.

En cuanto a sombreado me preguntaba si es posible darle sombra al texto o al fondo y tambien darle alguna otra forma: esquinas redondeadas u otras.

Gracias.

[jaloise]

Mi tienda es:

http://www.sex1shop.es

Lo del codigo de color ya lo se, se mira, por ejemplo, en http://html-color-co...-hexadecimales/ y puedes elegir el color que quieras.

En cuanto a sombreado me preguntaba si es posible darle sombra al texto o al fondo y tambien darle alguna otra forma: esquinas redondeadas u otras.

Gracias.

 

Sombrado y punta redondas es CSS3...aca tenes un generador de codigo online:http://www.css3maker.com/

En un rato te doy un ejemplo para tu web en particular... Esperame que justo ahora estoy ocupado...

 

Saludos!

[nadie]

Mi tienda es:

http://www.sex1shop.es

Lo del codigo de color ya lo se, se mira, por ejemplo, en http://html-color-co...-hexadecimales/ y puedes elegir el color que quieras.

En cuanto a sombreado me preguntaba si es posible darle sombra al texto o al fondo y tambien darle alguna otra forma: esquinas redondeadas u otras.

Gracias.

 

Para bordes redondos, puedes usar esto:

 

-moz-border-radius: 20px; /* Firefox*/
-ms-border-radius: 20px; /* IE8.*/
-webkit-border-radius: 20px; /* Safari,Chrome.*/
border-radius: 20px;  /* El estándar.*/

[nadie]

Mira este generador: http://css3.me/ para los bordes redondos.

[Photonica]

Mira esta guía:

 

Guía – Cambiar fondo del encabezado en el módulo de productos destacados en Prestashop 1.5

 

Muchísimas gracias, me ha sido de gran ayuda y ya he conseguido lo que buscaba (:

[Photonica]

Ahora estoy intentando poner una imagen de fondo, pero no me sale :S

[jaloise]

Ahora estoy intentando poner una imagen de fondo, pero no me sale :S

El fondo de la web??

 

Busca lo siguiente en theme/tutema/css/global.css que esta en las primeras lineas:

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#FFF;
}

 

y dejalo asi...

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#FFFFFF url('ACA LA URL DE TU IMAGEN') repeat-x;
}

El repeat-x es para que la imagen se repita a lo ancho si queeres que se repita a lo largo,o sea para abajo repeat-y... Si no queres que se repita no-repeat y si queres que se repita para abajo y para los anchos no pongas nada.

 

SaludoS!

[Photonica]

El fondo de la web??

 

Busca lo siguiente en theme/tutema/css/global.css que esta en las primeras lineas:

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#FFF;
}

 

y dejalo asi...

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#FFFFFF url('ACA LA URL DE TU IMAGEN') repeat-x;
}

El repeat-x es para que la imagen se repita a lo ancho si queeres que se repita a lo largo,o sea para abajo repeat-y... Si no queres que se repita no-repeat y si queres que se repita para abajo y para los anchos no pongas nada.

 

SaludoS!

 

¡No! al fondo del título, que es de lo que va el post (:

[jaloise]

¡No! al fondo del título, que es de lo que va el post (:

 

Cuando tienes razon tienes razon!! Perdon, mala mia!

 

Para el titulo de categorias, productos destacadso y todo es es el siguiente:

En el global.css de tu tema...Aldededor de la linea 290

 

.block .title_block, .block h4 {
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 text-shadow:0 1px 0 #000;
 text-transform:uppercase;
 background:ACA VA LA IMAGEN;
 text-align:left;
 font-weight: bold;
}

 

Espero que te sirva, ahi va tu imagen tal cual te puse en el post anterior!

 

Saludos, avisame si es lo que buscas.

[nadie]

Por si tienes dudas, para usar el parametro background, para colocar una imagen de fondo y no un color plano, revisa este enlace: http://www.w3schools.com/css/css_background.asp

[Photonica]

Cuando tienes razon tienes razon!! Perdon, mala mia!

 

Para el titulo de categorias, productos destacadso y todo es es el siguiente:

En el global.css de tu tema...Aldededor de la linea 290

 

.block .title_block, .block h4 {
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 text-shadow:0 1px 0 #000;
 text-transform:uppercase;
 background:ACA VA LA IMAGEN;
 text-align:left;
 font-weight: bold;
}

 

Espero que te sirva, ahi va tu imagen tal cual te puse en el post anterior!

 

Saludos, avisame si es lo que buscas.

 

Creo que no has entendido mi pregunta, quiero un color de fondo distinto para cada título de cada módulo, y con la explicación que me han dado más arriba lo he conseguido, el problema que me encuentro ahora es que me gustaría colocar una imagen de fondo distinta en cada título de cada módulo, y simplemente no me sale, se como como funciona la propiedad background en CSS, así que el problema no es que no se colocar una imagen de fondo, sino que la coloco y no sale como fondo del título del módulo. Os dejo el código que he colocado para el módulo de categorías, a ver si le veis algún fallo:

 

 

#categories_block_left .title_block {

height: 30px;

margin-top: -5px;

line-height: 33px;

background-image: http://mantelycocina.es/images/categorias.png;

background-color: #578e03;

}

[jaloise]

Creo que no has entendido mi pregunta, quiero un color de fondo distinto para cada título de cada módulo, y con la explicación que me han dado más arriba lo he conseguido, el problema que me encuentro ahora es que me gustaría colocar una imagen de fondo distinta en cada título de cada módulo, y simplemente no me sale, se como como funciona la propiedad background en CSS, así que el problema no es que no se colocar una imagen de fondo, sino que la coloco y no sale como fondo del título del módulo. Os dejo el código que he colocado para el módulo de categorías, a ver si le veis algún fallo:

 

 

#categories_block_left .title_block {

height: 30px;

margin-top: -5px;

line-height: 33px;

background-image: http://mantelycocina...categorias.png;

background-color: #578e03;

}

 

S esta mal codificado te falto poner URL() seria asi:

#categories_block_left .title_block {
height: 30px;
margin-top: -5px;
line-height: 33px;
background-image: url('http://mantelycocina...categorias.png');
background-color: #578e03;
}

 

perdon por la confusion de la pregunta, ahora si vamos encaminado jajaja

 

Saludso!

[Photonica]

Madre mía, de tanto código con el que llevo trabajando todo el día ya no veo ni lo más obvio, muchísimas gracias por tu ayuda, era una cosa muy tonta, pero definitivamente 4 ojos ven más que 2 jaja

[jaloise]

Madre mía, de tanto código con el que llevo trabajando todo el día ya no veo ni lo más obvio, muchísimas gracias por tu ayuda, era una cosa muy tonta, pero definitivamente 4 ojos ven más que 2 jaja

 

Si! asi es... Si das el tema como solucionado acordate de modificar el titulo!

 

Saludos!