• Liens icônes


    Dimanche 24 Juillet 2016 à 16:02
    Anyway-

    Salut, 

    J'aimerais bien savoir comment faire pour transformer des icônes en lien et quand on passe dessus, qu'il y ait un texte (mais ce seront des images), à vrai dire comme dessus. 

    Merci. :) 

    Samedi 30 Juillet 2016 à 10:25
    Nagalia

    Hm... je ne suis pas sûre d'avoir compris ce que tu veux faire ^^'

    Pour qu'une icone soit un lien, il faut l'encadrer avec les balise <a></a>

    <a href="#URL_LIEN"><img src="URL_ICONE"/></a>

    Pour afficher un texte au survol, tu peux utiliser ce tuto sur les infobulle :

    => http://fanstasy-graph.eklablog.net/infobulle-amelioree-a108139450

    Avec une image, ça donne :

    <a href="#URL_LIEN" class="infoBulle">
         <img src="URL_ICONE"/>
         <span class="infoBulle">TEXTE QUI APPARAIT</span>
    </a>

    En faisant bien attention à remplacer, dans le css, tous les div par a

    Lundi 1er Août 2016 à 18:04
    Anyway-

    D'accord, merci beaucoup. :) Et pour le bouton rechercher, comment fait-on ? 

    Mercredi 3 Août 2016 à 14:53
    Nagalia

    Il faut masquer le champs de texte et laisser visible le bouton de recherche. Au survole du bouton, on affiche le champs de texte

    #IDSEARCH input[type=text][name=q] {
         width: 0px; /*champ texte invisible*/
    }#IDSEARCH:hover input[type=text][name=q]{
         width: 150px; /*largeur max texte*/
    }




    Vous devez être membre pour poster un message.