En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés.
Mentions légales.
 
Texte à méditer :   Utilisateur de GuppY, je suis membre de l' Asso freeGuppY ... et vous ?   
Texte à méditer :   L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai !   
Texte à méditer :   Je pense qu’il y a 3 mots sur le web en ce moment qui demandent du travail pour beaucoups d’entre nous : Responsive, Web, Design.   Ethan Marcotte
Texte à méditer :   Chaque site internet est un document vivant.   David Leuliette
Texte à méditer :   On se fait parfois surprendre. Par exemple, quand Internet est arrivé, c’était notre cinquième ou sixième priorité.   Bill Gates
Texte à méditer :   Il faut très certainement repenser Internet et les réseaux numériques de communication comme un véritable territoire à sécuriser.   Eric Freyssinet
Texte à méditer :   Aujourd'hui ce n'est pas possible de couper l'accès à internet. C'est quelque chose comme couper l'eau.    Fleur Pellerin
Texte à méditer :   Se connecter à internet, c’est y rencontrer des centaines de gens avec qui vous n’auriez jamais eu envie d’avoir quelque rapport que ce soit.   Dave Barry
Texte à méditer :   Un bon site Web est toujours “en construction” !   
Vous êtes ici :   Accueil » Forum » Plugin Annonces Plus » Plugin annonceplus et css
    Imprimer la page...

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&amp;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&amp;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

  
Réponse n° 2
--------
le 09/03/2016 20:52
par han

Bonsoir Lud,

Entendu, j'applique donc cette méthode.

Merci.
  
Réponse n° 3
--------
le 12/03/2016 05:10
par JeanDenis

Bonjour Lud, bonjour à tous,
 
Citation : Lud

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

 
Tout à fait, et je ne m'en étais pas aperçu...k Merci de l'avoir précisé. Tout le style devra donc être dans styleplus.css.
Je mettrai prochainement (et très modestement s) un petit tutoriel pour ces petites images qui changent au survol sur 71site.fr, si cela peut rendre service à d'autres.

Amicalement,
Jean-Denis
  
sujet actif   sujet clos   Important!   Nouveau  
Rectifier message   Clôturer sujet   Remonter sujet