 Groupe : Membres Messages : 301 |
Bonsoir , je me demandais , comment faire pour qu'un lien , une fois cliqué garde ca propriété :hover. Le lien étant une image , la propriété hover est une bordure , mais se lien ne pointe pas vers une page mais execute un script.js. D'ailleur , je cherche cette propriété depuis longtemps et impossible de me souvenir comme elle s'appelle.  Merci Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
 Groupe : Modérateurs Messages : 145 |
Bonjour, :visited pour les liens cliqués et OnClick="" qui n'est pas un attribue CSS mais qui permet d'exécuter une fonction JS  ps: pour placer OnClick une p'tit démo ? : Code (x)HTML: <img src="" [...] OnClick="MaFonction_JS();" /> Cordialement  Projets en cours: - Olympe-Network (hébergement gratuit et sans pub) - ProgDez NetWork's - Mon PortFolio / Blog perso - Quote-me.fr - un peu de détente ça vous dit ? |
Groupe : Membres Messages : 301 |
merci de cette reponse , mais je connaissez dégà cette technique ! Je parle exclusivement d'un balise css , qui permet de garder la propriété a:hover du lien !  Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
 Groupe : Membres Messages : 57 |
Avec la propriété a:visited peut-être
Je ne suis pas sur, mais ca peut marcher, tout dépend des conditions je pense. Si il y en a une autre, ca m'intéresse aussi. bye Tout le monde savait que c'était impossible à faire, jusqu'à ce que quelqu'un arrive, qui ne le sache pas, et qui le fasse |
Groupe : Modérateurs Messages : 145 |
Citation: ProgDez :visited pour les liens cliqués</code> La réponse a été donnée a:visiter et tu colle dedans les mêmes paramètres que dans le a:hover cordialement Projets en cours: - Olympe-Network (hébergement gratuit et sans pub) - ProgDez NetWork's - Mon PortFolio / Blog perso - Quote-me.fr - un peu de détente ça vous dit ? |
Groupe : Membres Messages : 301 |
non non , visited , c'est quand le lien à été visité donc une fois tout les liens visités , il seront pariel ! active , c'est lors du clique ! Moi c'est une class , attender je vous montre un exemple que j'ai déniché ! voici le menu sur cette page , Code (x)HTML: <li><a href="/weblog/">Weblog</a></li> <li><a href="/articles/">Articles</a></li> <li><a href="/tests/">Tests</a></li> la voici une fois que l'on a cliqué sur le lien Weblog : Code (x)HTML: <li><a href="/weblog/" class="active">Weblog</a></li> <li><a href="/articles/">Articles</a></li> <li><a href="/tests/">Tests</a></li> j'ai cherché dans son css la class active sans la trouver , donc je me demande si elle est pas relié , (se qui est fort probable à un a:hover le site :http://www.blog-and-blues.org/ Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 301 |
Code (x)HTML: #navigation { margin-right: 80%; font-size: 90%; text-align: right; font-weight: bold; margin-left: 5px; } #navigation ul { padding: 0; margin: 0; } #navigation li { list-style-type: none; margin: 5px 0; } #navigation li a { display: block; padding: 5px 10px 5px 2px; text-decoration: none; background: #a54d33; color: #fff; margin-left: 40%; -moz-border-radius: 5px; } #navigation li a.active { background: #d9c39d; color: #a54d33; } #navigation li a:hover { background: #eadbbc; color: #1f2857; } #navigation li a.active:hover { background: #eadbbc; color: #1f2857; } #navigation li a:focus, #navigation li a.active:focus { background: #eadbbc; color: #1f2857; } Voici le code qui correspond au menu , dur a expliquer , mais facile a comprendre ! Si j'ai bien compris , quand il a crée sa page web , sur la page Weblog , il a mis sur le lien une class : sur la la X , il a enlever la class à Web log et la mis sur X , etc ... Je croyais qu'il existait une propriété qui gérer sa toutes seule !  Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 57 |
Citation: Ascott Je croyais qu'il existait une propriété qui gérer sa toutes seule ! Pas à ma connaissance, je crois qu'il faut effectivement passer par du javascript, mais si quelqu'un connait une solution uniquement en css, je suis intéressé. bye Tout le monde savait que c'était impossible à faire, jusqu'à ce que quelqu'un arrive, qui ne le sache pas, et qui le fasse |
Groupe : Membres Messages : 301 |
elle est dans mon message précédent ! 
Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 47 |
Ben ton message est pas évident à comprendre! Je pense que le mieux est de passer par du Javascript! Ca ne doit pas etre bien complexe! Le seul soucis c'est qu'il faut que tes div aient des id et non des class, pour pouvoir utiliser la fonction JS getElementById("ton_id") ... Voilà
HammHetfield |
Groupe : Modérateurs Messages : 145 |
Citation: Ascott Bonsoir , je me demandais , comment faire pour qu'un lien , une fois cliqué garde ca propriété :hover. D'après ta demande m'a réponse est juste  En effet tu clic donc le lien est visited, donc l'attribue visited restera sur l'image! sauf que toi t'aimerai que ça reste en place seulement au clic mais lors d'une autre visite la propriété soit seulement celle du a et pas du a:hover. Fallait être plus clair, donc dans ces cas la JS est ton ami pour modifier les propriétés CSS Qui comme la dit HammHetfield, pourra être modifier avec Code : par exemple, en entrant directement des propriétés CSS dans la l'attribue style du div getElementById("ton_id").style Tout ça peu bien entendue être géré dans une fonction JS et activé via l'attribue Code : OnClick="MaFonction();" inséré dans ton lien, comme ceci Code : <a [...] Onclick="MaFonction();">[...]</a> Cordialement Projets en cours: - Olympe-Network (hébergement gratuit et sans pub) - ProgDez NetWork's - Mon PortFolio / Blog perso - Quote-me.fr - un peu de détente ça vous dit ? |
Vous allez être redirigé dans 2 secondes.
