Avisos
Vaciar todo

identificar cada item para cambiar fotografia  

 
Raúl Ramón Val
 Raúl Ramón Val
Noble Member

En la web http://www.landotec.com en el módulo de la pagina pricipal "nuestros servicios" cada servidio lleva al lado una foto que actualmente es la misma para todos los servicios. Se trata de una foro introducida por css no es la foto del articulo. Como podría identificar cada item para poder cambiar las fotos y que actualmente tienen la misma por el codigo css :

.mod-newsflash-adv.drop .item .dropcap {
background-image: url("http://www.landotec.com/images/servicios/calidad.png");
}

si pongo por ejemplo

#item_78 .mod-newsflash-adv.drop .item .dropcap {
background-image: url("http://www.landotec.com/images/servicios/calidad.png");
}

no me funciona

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 18/12/2015 1:42 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No me acaba de quedar claro a qué imagen te refieres, pero te comento un truco para poder tener distintas imágenes.

Si analizas el código de cada página con el inspector de código (Firebug, por ejemplo) o viendo el código fuente de la página verás que en la etiqueta body se aplica una clase distinta en función de la página. Por ejemplo, para la página

Contenido solo visible a usuarios registrados

se aplica la clase "itemid-233".

De esta forma, podrías aplicar estilos CSS como el siguiente:

body.itemid-232 .mod-newsflash-adv.drop .item .dropcap {
background-image: url("www.landotec.com/images/servicios/calidad.png");
}
ResponderCitar
Respondido : 18/12/2015 3:45 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación