Mettre une phrase cachée dans ses articles

Passez votre souris sur la phrase en dessous et cliquez dessus pour voir le petit poisson ;)

Cette phrase est en fait un lien...

Voici comment une phrase peut en cacher une autre...

Si vous entrez une adresse (url) dans le code ci-dessous bien sur, sinon ça reste une phrase cachée.

Ouvrez un Nouveau message, passez le en Mode html

Vous devez copier-coller le code ci-dessous puis insérer votre texte dedans.

<a href="Adresse-de-l'image-ou-du-site"
onmouseover="document.getElementById?this.style.color='#cc0000':
null;document.getElementById?this.innerHTML='phrase2':null" onmouseout="document.getElementById?this.style.color='#cc0000':null;
document.getElementById?this.innerHTML='phrase1':null" style="color:
rgb(204, 0, 0);">phrase1</a>

Alors...décryptons un peu tout ça :

En bleu vous l'aurez compris, c'est l'endroit où vous devez coller l'url de votre image ou bien l'adresse du site vers lequel vous voulez diriger vos visiteurs, ne mettez rien si vous n'avez rien à mettre.

En blanc ce sont les codes couleurs pour vos phrases 1 et 2, vous pouvez les changer pour donner un effet sympa en fonction de la couleur de votre blog.

La phrase 1 est celle qui est visible et la phrase 2 celle cachée.

En jaune, c'est le code couleur de votre phrase 1 à l'ouverture du blog, avant de passer la souris dessus, un fois que vous avez passez la souris sur la phrase, cette couleur ne réapparait plus.

L'astuce et de mettre le même code couleur que pour la phrase 1.

Vous remarquerez que ce code couleur est différent des autres rgb(204, 0, 0); pour le changer collez à la place du code un code comme celui là : #FFFFFF

Voilà...j'espère que c'est clair...

Ah ! j'allais oublier le plus important !!!!

Vos phrases 1 et 2 ne doivent comporter aucune apostrophe, car ça fait un conflit avec le code qui en contient déjà.

Si vous voulez écrire "c'est la fête" comme phrase, vous devez laisser un espace comme ceci : "c est la fête"

Si vous vous retrouvez avec un message d'erreur au moment ou vous repassez un mode texte c'est que vous avez oubliez cette consigne...

Ou vous pouvez aussi faire comme ceci :

Ajouter un back slash (\) devant le ou les apostrophes ce qui dira au code de l'ignorer.

Ex: "C\'est un test" ou encore "C\'est un test avec d\'autres apostrophes"

Merci à Wahzaboy pour cette astuce.

Comments

[Christine]

Voilà c'est installé dans mon dernier message , j'ai mis aussi la phrase rebondissante .
Tu n'as pas perdu la main , tt marche bien .
merci , à bientôt

[Christine]

ah celui-là , je connaissais pas , je vais l'expérimenter , enfin essayer hihihi!
va doucement , chère démolite ,ne va pas nous tomber d'épuisement .
Merci
à +