Voilà, il y a quelque temps, je souhaitais créer un topic ici pour demander quelque chose sur les liens par rapport à un site, et manque de chance, au moment où je me decide à vous écrire, je me rend compte que le site a fermé XD

Aujourd'hui meme, je suis tombé sur un site avec des liens similaires :

http://fairytailnopiano.eo.eklablog.net/a-b-c-c21158140

J'ai mis une page où l'on voit bien les liens (auteurs,...)
Donc ma question est : Comment on fait pour faire ce genre de liens ?

Moi, j'aimerai faire ce genre de liens, mais de façon à ce que la lumiére soit "éjecté autour du mot très légerement (je sais, c'est dur à comprendre xD)

Merci d'avance

--------------------------------------------------
--

(PS: pour créer mon site j'utilise Blogger)

Bonjour,

https://developer.mozilla.org/fr/docs/CSS/:hover
https://developer.mozillala.org/fr/docs/CSS/text-shadow
https://developer.mozillalla.org/fr/docs/CSS/transition

Ce sont les trois éléments dont tu as besoin. ;)
Bon courage, et si tu as des questions, n'hésites pas

Il faut modifier les fichiers css, la partie A {} et mettre un text-shadow.

OK, merci beaucoup (vous êtes super sympa)

Bon, concernant les liens, je comprend pas tout ( je suis pas très fort en HTML et CSS^^) mais une fois que j'aurai bien compris et fait des recherches, ca ira

Je vous tient au courant.

Arggh , je n'y arrive pas !! J'ai réussi à faire le "text-shadow" mais je ne comprend pas le ":hover" et la ":transition" ... de plus, je ne comprend pas aussi de quel manière on va les assembler... (sachant que je souhaite ensuite l'inserer sur mon Blogger)

On peut m'aider s'il vous plait ?

(Je suis désolé, je suis pas très fort en HTML)

Si ton <a> est dans la div, par exemple dans le html :

<div class="menu>
<a href="page1.php">Page 1</a>
</div>

Dans le css, soit tu englobes tous les

Si ton <a> est dans la div, par exemple dans le html :

<div class="menu>
<a href="page1.php">Page 1</a>
</div>

Dans le css, soit tu englobes tous les <a> avec la même propriété
Donc tu fais

a:hover // lorsque tu passe le curseur par dessus le a
{
//tu changes la couleur, tu mets une ombre, tu soulignes le lien etc
}

Sinon tu seulement ce qui se passe dans la div, c'est à dire

.div > a:hover

Dans mon exemple le cas de la div c'est menu, donc

.menu > a:hover

Donc quand tu passes le curseur sur les éléments a dans la div menu exclusivement

La prochaine fois essaie de mettre ton bout de code dans http://pastebin.com/ pour qu'on trouve plus facilement quel est trop problème, pour te corriger

Pour avoir exactement le même effet que sur le site c'est super simple

http://jsfiddle.net/ceEzW/