Jump to content

(SOLUCIONADO) Como Poner Una Marco/imagen De Fondo A Las Subcategorias?


Gerugo

Recommended Posts

Buenas, soy nuevo en el foro y ya me he presentado en el foro.

 

Necesito de vuestra ayuda ya que no doy con la tecla correcta y me estoy volviendo loco.

 

En las subcategorias de mi web quiero ponerles un marco o imagen por defecto a cada una de las subcategorias

 

La imagen es cuestión es esta:

 

subcategories.png

 

y la idea es que la imagen que aparece en la subcategoria se quede dentro de esta imagen.

 

Espero a verme explicado correctamente, muchas a todos.

 

(PD: Aquí dejo el enlace a mi web por si os puede ayudar a averiguar el problema)

 

 

 

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

Buenas, soy nuevo en el foro y ya me he presentado en el foro.

 

Necesito de vuestra ayuda ya que no doy con la tecla correcta y me estoy volviendo loco.

 

En las subcategorias de mi web quiero ponerles un marco o imagen por defecto a cada una de las subcategorias

 

La imagen es cuestión es esta:

 

subcategories.png

 

y la idea es que la imagen que aparece en la subcategoria se quede dentro de esta imagen.

 

Espero a verme explicado correctamente, muchas a todos.

 

(PD: Aquí dejo el enlace a mi web por si os puede ayudar a averiguar el problema)

 

 

 

 

Estoy viendo tu web:

 

http://www.todoerotico.net

 

Si quieres añadirle una imagen de fondo a los li que encapusan las imagenes de las subcategorías.

 

En el fichero:

 

/themes/prestashop/css/category.css

 

Aquí:

 

body#category #subcategories li { height: 136px; width: 108px; margin-right: 3px }

 

Por ejemplo añade esto:

 

background:url('ruta_imagen_de_fondo');

  • Like 1
Link to comment
Share on other sites

ya esta hecho muchas gracias, pero ahora necesito que las imagenes de las subcategorias se desplacen un poco hacia abajo.

 

Te dejo la web por si no me explico bien

 

 

 

 

Lo que se ve es como la imagen sobresale hacia arriva

 

Aquí:

 

http://www.todoerotico.net/themes/prestashop/css/category.css

 

Ahora tienes esto:

 

body#category #subcategories li {
background: url('../img/subcategories.png');
background-repeat: no-repeat;
height: 136px;
width: 108px;
margin-right: 3px
}

 

Dejalo así:

 

body#category #subcategories li {
background: url('../img/subcategories.png');
background-repeat: no-repeat;
height: 140px;
width: 107px;
margin-right: 3px;
margin-bottom: 9px;
}

 

PD: No te comas el ";" del margin-right

 

Despues en el mismo fichero, busca esto:

 

 

body#category div#subcategories .inline_list a img {
display: inline
}

 

Y dejalo así:

 

body#category div#subcategories .inline_list a img {
display: inline;
margin-top: 15px;
}

 

(No te comas el ; (punto y coma) del display)

  • Like 1
Link to comment
Share on other sites

Perfecto!! ya esta listo, mil millones de gracias, no hubiese dado con la tecla ni queriendo!

 

Con gente asi da ganas de seguir haciendo mejoras en la web!!

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...