Apparition de Texte

[Horatio]

Bonjour à tous,

Voila, j'aimerai pouvoir installer sur mon forum un texte qui apparaîtrait sur une image ou sur la page. Pour vous aider à comprendre regardez sur ce forum : Ici
( Un texte apparaît sans arrêt sur un parchemin).

Merci d'avance pour votre aide.
Bien Cordialement
Horatio

[Horatio]

Up

Merci à vous,
Bonne soirée

[kheino]

Bonsoir Horacio,

C'est une proprété du CSS3 "transition" dû au hover.

As-tu déjà codé quelque chose ?
Juste donner les lignes de codes, ne t'avancerait pas beaucoup, faudrait que tu puisses déjà fournir sur quoi te guider.

[Horatio]

Bonsoir Final-Blonde,

Tout d'abord merci pour ton aide.
Oui j'ai déjà codé quelque chose (je maîtrise plutôt bien les forums et j'ai déjà crée mon propre site web). Si tu pouvais me dire quel code utiliser, par cas à mettre ou, puis je ne devrais pas avoir trop de problèmes par la suite.
Merci beaucoup en tout cas.

Horatio

[kheino]

Je te l'ai mentionné plus haut, c'est la propriété "transition" du CSS3.
C'est une propriété qui s'applique à différentes "apparitions" différées.
Sans code, ou bien une base, difficile de te dire où et comment l'appliquer.

Je te suggère de taper dans "Google est mon ami" :
CSS3 propriété transition
Tu trouveras des tas de tutos et comme tu maitrises déjà bien, ça devrait bien aller.

[Horatio]

Bonsoir,

J'ai cherché et rien ne correspond à ce que je voulais faire. En effet tu me dis que c'est une propriété css, mais ce que j'ai vu me donne un tout autre avis puisque qu'il s'agirait de javascript et non de css.
J'aimerais si possible un peu plus de précisions sur le sujet.

Merci à tous pour votre aide,
Horatio

[kheino]

Salut Horacio,

Sans code, ou bien une base, difficile de te dire où et comment l'appliquer.

C'est biendu CSS3 (et du 2 pour la transparence).
En JS, Query on peut tout faire, mais le CSS est bien plus léger (et bien plus classe).

Donc, je répète, tu ne donnes rien sur quoi te montrer, tu dis que tu t'y connais, alors il te suffit d'appliquer cette propriété.
L'exemple que tu cites dans ton premier post est aussi en CSS, pas de script.

Un exemple néanmoins : Tu as du texte entre les balises :

Code:

<div class="textfantome" align="center"> Fantôme d'un texte</div>

Dans la feuille de style CSS :

Spoiler:

Comme tu le constates, la transparence sans le hover est quasi totale.
Avec le hover, c'est l'inverse, le texte devient opaque totalement (de par sa valeur).
Ensuite la valeur de transition de 7s est celle demandée pour arriver à l'opacité.



EDIT : En buvant mon énième café, je me suis rendue compte, que je ne t'avais parlé que de la propriété "transition" alors que celle du "opacity" est toute aussi indispensable pour cet effet...
Au temps pour moi !

Bien sûr que pour faire re-disparaitre le texte, tu peux aussi le faire de façon "douce" en réutilisant la propriété "transition" sans le hover, comme ajouté dans le CSS de l'exemple.

[Horatio]

Bonjour,

Tout d'abord, merci pour ton aide.
Mais a tu bien compris que je parle de ceci :

Code:

* Je précise que je ne veux en aucun cas copier ce forum juste faire apparaître du texte sur le mien et donc je m'en sers d'exemple *


Si tu veux plus de précision dis moi ce que tu veux que je te fournisses pour réaliser ceci.

Merci beaucoup,
Horatio

[kheino]

Aaaah je venais d'éditer mon message...

Nope, en effet, je pensais que tu parlais de ce champ :


Eh bien, apparemment tu as le script, mais attention avec les copies des sources (j'y suis totalement opposée !), si c'est un script public pas de souci, mais si c'est le travail d'un codeur pour ce forum, pas cool.

Et puis, "le javascript c'est bien, mais tout en CSS c'est la classe" LHV

Je ne peux pas t'aider en script, je commence à apprendre.
Mais que veux-tu savoir de plus ?

[Horatio]

Ne t'inquiète pas ce n'est pas du tout ce que je souhaite faire, je suis même d'accord avec toi

Je ne sais pas quoi te demander de plus, je voudrais juste faire apparaître une phrase de la même façon après l'image de mon qui est en ligne.

Merci en tout cas.

[kheino]

Mais je t'en prie.

[kheino]

Mais je t'en prie.

EDIT : Apparemment c'est un script public :

Code:

 /*
 SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
 http://www.editeurjavascript.com
 */

Erf ! désolée mon doigt à zippé sur "citer" au lieu de "editer"

[Horatio]

J'y suis arrivé
Merci beaucoup

[kheino]

Euh nope, finalement il n'est pas si public que ça, c'est juste l'éditeur de scripts qui est public. (-:

Quant à t'aider, comme je te l'ai dit plus haut, moi et les scripts on est toujours qu'au premier rendez-vous.

[kheino]

J'y suis arrivé

Oui, j'ai aussi vu où et comment tu peux le réaliser.


Merci pour le zentil merci et amuse-toi bien ! 8-)