Message public

passage souris sur nom de personne

    Bonjour
    Voici la 3ème fois que je vous demande de l'aide sur ce point.
    Je souhaite faire afficher(popup) la photo d'une personne (image stockée sur mon site) au passage de la souris sur son nom (ex: dans l'onglet "Conférence à venir").
    Dit autrement :
    La souris survole un nom de personne (ex: dans l'onglet "Conférence à venir") et sa photo s'affiche dans une petite fenêtre.
    Peut-être aurai-je une réponse ?
    Merci
    Guy

    Bonjour,

    Je regrette vraiment que mes prédécesseurs n'aient pas pu répondre à votre question. Pour cela, je vous présente les excuses de toute l'équipe. Je vais tenter de répondre au mieux à votre question.

    La fonctionnalité que vous demandez n'est pour le moment pas disponible.

    Il est cependant possible de la déployer, mais cela requiert de manipuler du code informatique et représente un sérieux risque pour votre site et son contenu en cas d'échec. Je vais m'efforcer de vous expliquer comment procéder de la manière la plus simple possible.

    S'il y a un point dans les explications à venir que vous ne comprenez pas, je vous suggère très vivement de rechercher une autre solution pour présenter votre site. Dans tous les cas, il est plus que recommandé de procéder à une sauvegarde avant de démarrer toute manipulation de cet ordre.

    Dans un premier temps, je vous invite à prendre connaissance de ces deux pages :
    http://support.onlc.fr/faq.php?id=145
    http://support.onlc.fr/faq.php?id=99

    Voici comment procéder :

    1. Comme vu sur la page http://support.onlc.fr/faq.php?id=145 , insérez le code suivant dans l'entête de votre site :

    <style>.linkpopover .blockpopover{display:none !important;}.linkpopover:hover .blockpopover{display:inline-block !important;position: absolute;background-color: #fff;}</style>

    1. Ouvrez l'éditeur de pages.

    2. Pour vous exercer, créez une nouvelle page vierge. Une fois que vous aurez compris les manipulations à effectuer, vous les reporterez sur les autres pages.

    3. Placez-vous sur la page que vous venez de créer.

    4. Comme vu sur http://support.onlc.fr/faq.php?id=99 , placez le code HTML suivant à la fin de la page que vous venez de créer :

    <a href="#" class="linkpopover">test <span class="blockpopover" style="border: 1px solid #ccc; padding: 5px; margin: 5px; display: inline-block;"><img src="http://images.onlc.fr/images/adminlogo.gif&quot; alt="OnLC"></span></a>

    1. Cliquez sur Mettre à jour pour fermer la fenêtre du code source, enregistrez la page et cliquez sur Voir la page

    2. Observez le résultat, placez votre souris sur le lien intitulé "test".

    Si le résultat vous convient, dans l'éditeur, vous pouvez :

    • remplacer l'image par une image de votre choix en cliquant sur l'image et en utilisant la fonction "insérer/éditer une image"
    • remplacer le texte "test" par un texte de votre choix
    • utiliser la fonction "insérer/éditer un lien" pour permettre à vos utilisateurs de cliquer sur le texte

    Si à la suite de ces manipulations votre site disparaît, il vous suffit de supprimer le code placé dans la balise head en 1.

    Bon courage.

    Cordialement,
    Raphaël

    Merci pour la rapidité de votre réponse et votre indulgence face à mon agacement.
    Je vais essayer de mettre en pratique votre méthode.
    Bonne journée
    Guy

    Bonjour
    Un grand merci à RAPHËL pour son explication suffisamment claire pour me permettre de réaliser ma demande.
    Guy

    Bonjour,

    Heureux d'avoir pu vous rendre service.

    Bonne journée
    Raphaël


    Répondre

    Questions similaires :


    Marquer ce message comme résolu

    Envoyer un nouveau message sans rapport avec cette discussion

Newsletter OnlineCreation.me

Recevez par e-mail des astuces pour booster votre site internet.
Votre navigateur internet n'est pas à jour

Veuillez mettre votre navigateur internet à jour pour consulter de site dans de meilleures conditions. Update my browser now

×