Forum - Plugin Annonces Plus - Plugin annonceplus et css

Connectés : ( personne )

Sujet n° 2

le 09/03/2016 16:56

par han

Bonjour Saxbar,
Sur le site de la mairie, je voulais créer un effet au survol des icônes de la boites "infos pratiques".

J'ai donc fait appel à Jean-Denis et voilà ce qu'il m'a proposé :
je ne prendrai qu'un exemple (l'icône contact) :
dans la boite, j'ai ajouté ce code au début :

Code : css

<style type="text/css">#contact a {
    display: inline-block;
    background: url("img/admin/contactsurvol.png") no-repeat;
}
#contact a:hover img {
    visibility: hidden;
}

Puis pour le lien

Code :

<div id="contact"><a href="contact.php?lng=fr&amp;ctconfig=ctconfig" target="_self"><img alt="Contact" src="img/admin/contact.png" /></a></div>

Cela fonctionne mais il y a cependant un petit couic. Quand je suis sur la page du plugin annonceplus, les images disparaissent quand je les survole...

Voilà la réponse de Jean-Denis

Citation : Jean-Denis

Pour ton souci, je pense que cela vient exclusivement de la façon dont le plugin annonceplus est conçu.
En effet dans le code source, on lit de manière ordinaire par exemple ceci :
<div id="contact"><a href="contact.php?lng=fr&ctconfig=ctconfig" target="_self"><img alt="Contact" src="img/admin/contact.png" /></a></div>
or lorsqu' annonceplus est affiché on lit ceci :
<div id="contact"><a href="../../contact.php?lng=fr&ctconfig=ctconfig" target="_self"><img alt="Contact" src="../../img/admin/contact.png" /></a></div>
tu peux constater que les chemins ont changé et donc que la source ne trouve plus les images de remplacement du style de l'article.

Qu'en penses-tu ?

Merci.

Edit : Jean-Denis m'a proposé une alternative. Copier tout le code dans le styleplus.css (et rien dans la boite) en modifiant l'URL du background

Code : css

#contact a {
    display: inline-block;
    background: url("../../img/admin/contactsurvol.png") no-repeat;
}
#contact a:hover img {
    visibility: hidden;
}

Rectifié par han le 09/03/2016 17:01

Réponse n° 1

--------

le 09/03/2016 19:34

par lud80

Administrateur

Bonsoir Han,

La proposition de Jean-Denis est tout à fait recevable, puisque que styleplus.css est chargé au début de chaque page.

Tu as ce problème avec annonces plus, tu l'aurais eu avec tout script s'exécutant dans un dossier différent.

Amicalement, Lud. GY_asfG2013 gtdev