Jump to content

Problema con transparencia


kris86

Recommended Posts

Hola!! Vereis, estoy intentando poner el logo de mi pagina transparente para que se vea el fondo por detras de la imagen, pero no lo consigo. He conseguido poner el logo .png pero no consigo que la cabecera en vez de blanca sea transparente y que deje ver el fondo de la pagina, espero explicarme bien! jeje Os dejo el enlace para que lo veais:

http://www.candy-pop.tk/

 

Tambien queria quitar el margen que hay rosa alrededor de toda la columna central. Gracias por adelantado.

Link to comment
Share on other sites

Hola Kriss86,

el logo a mi me sale como jpg.

el margen rosa con puntitos lo puedes eliminar en el css de tu tema buscas css global y en la linea 15 busca esto y lo eliminas 

                                         background-imageurl('../css/fondo.jpg');

 

Para que prestashop no te cambie el formato si tu lo has subido en png aqui tienes como hacerlo 

http://www.webempresa.com/blog/item/1311-cambia-el-logo-a-transparente-en-tu-tienda-prestashop.html

Edited by lastapril (see edit history)
Link to comment
Share on other sites

Hola Kriss86,

el logo a mi me sale como jpg.

el margen rosa con puntitos lo puedes eliminar en el css de tu tema buscas css global y en la linea 15 busca esto y lo eliminas 

                                         background-imageurl('../css/fondo.jpg');

 

Para que prestashop no te cambie el formato si tu lo has subido en png aqui tienes como hacerlo 

http://www.webempresa.com/blog/item/1311-cambia-el-logo-a-transparente-en-tu-tienda-prestashop.html

 

Pues lo he cambiado en el header.tpl.. he puesto fondo.png en vez de .jpg . ¿Qué hago entonces?

 

Ah y el margen me refiero al grande, al que rodea toda la columna de la página.

Edited by kris86 (see edit history)
Link to comment
Share on other sites

No cambies nada en el header.tpl, si no haces lo que te he puesto en el enlace prestashop cambia todas las imagenes a jpg automaticamente.

El margen es el punteado que rodea a los productos?

 

Ah vale perdon! Que no habia visto el enlace. Pero eso ya lo tenia puesto también y nada. El problema creo que es que el logo esta dentro de toda la plantilla, ¿sabes a lo que me refiero? Que no esta separado de lo demas, que es como un conjunto, entonces debajo del logo esta la plantilla blanca por lo que nunca se ve el fondo de lunares.

 

Y el margen es el que no esta discontinuo, el que rodea toda la plantilla. Espero haberme explicado mejor ahora :) 

Link to comment
Share on other sites

 

A ver si me aclaro con lo del margen, te pongo una imagen con los rosas que yo veo.

Para quitar el de la flecha azul en la linea 979 del global.css elimina el background color, si es otro el que quieres eliminar dime que flecha es.

#center_column .products_block ul li {
  1. floatleft;
  2. background-color#fddae5;
  3. margin-top0;
  4. padding0 0 1px;
  5. width133px;
  6. border-right1px solid white;
  7. border-bottom1px solid white;

 

 

A ver si me aclaro con lo del margen, te pongo una imagen con los rosas que yo veo.

Para quitar el de la flecha azul en la linea 979 del global.css elimina el background color, si es otro el que quieres eliminar dime que flecha es.

#center_column .products_block ul li {
  1. floatleft;
  2. background-color#fddae5;
  3. margin-top0;
  4. padding0 0 1px;
  5. width133px;
  6. border-right1px solid white;
  7. border-bottom1px solid white;

post-771447-0-32410500-1401710105_thumb.png

Edited by lastapril (see edit history)
Link to comment
Share on other sites

En cuanto al logo sigue apareciendo como jpg, lo unico que se me ocurre es que hagas lo que pone el enlace que te deje y luego resubas el logo en png a ver si no lo cambia de formato

 

Anda pues en la imagen que has subido no se ve la linea que quiero quitar... Cuando yo entro a la web si se ve, te dejo imagen abajo. A lo mejor consegui quitarla pero en mi explorador sigue ahi

 

 

Y lo de la transparencia te pongo otra imagen que se ve que ya esta en formato png

 

post-197029-0-18182000-1401716680_thumb.jpg

 

post-197029-0-11787300-1401716673_thumb.jpg

EDITO: Acabo de recargar la página de nuevo y ya no esta la linea, asi que un problema menos! jeje :)

Edited by kris86 (see edit history)
Link to comment
Share on other sites

creo que ya he encontardo en problema en el global css linea 191 eliminina el background como tiene un color no se ve el fondo, pero lo que pasa si haces esto es que borra todo el fondo blanco porque esta todo junto dentro de la propiedad page de toda la pagina, reviso un poco mas el css y te digo algo mas

 
  1. /*background-color#FFFFFF;*/
  2. border#ffffff 1px solid;
  3. width980px;
  4. padding-left10px;
  5. padding-right10px;
  6. margin0 auto 2px auto;
  7. text-alignleft;
Link to comment
Share on other sites

DE momento lo unico que se me ocurre es que dentro del tpl. crees un espacio especcifico para el header y asi separarlo de la pagina para que tenga sus propios atributos, pero lo sigo mirando

 

Claro, el problema es ese, habria que separarlo. Pero no se como se hace :S

Link to comment
Share on other sites

  • 1 month later...
  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...