Apparition de Texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparition de Texte

Message par Horatio le Lun 14 Nov 2011 - 13:16

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 Very Happy


Dernière édition par Horatio le Dim 20 Nov 2011 - 14:59, édité 1 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Mar 15 Nov 2011 - 18:12

Up

Merci à vous,
Bonne soirée Smile

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparition de Texte

Message par Final-Blonde le Mar 15 Nov 2011 - 18:30

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Mar 15 Nov 2011 - 18:55

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

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Final-Blonde le Mar 15 Nov 2011 - 19:10

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Dim 20 Nov 2011 - 0:23

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

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 9:53

Salut Horacio,

@FB a écrit: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:
.textfantome {
opacity : 0.01;
-moz-opacity : 0.01;
-khtml-opacity: 0.01;
-ms-filter: "alpha(opacity=1)"; /* IE 8 */
filter : alpha(opacity=1); /* IE < 8 */

transition: all 4s;
-moz-transition: all 4s;
-o-transition: all 4s;
-webkit-transition: all 4s;
-htm-transition: all 4s;

}
.textfantome:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);

transition: all 7s;
-moz-transition: all 7s;
-o-transition: all 7s;
-webkit-transition: all 7s;
-htm-transition: all 7s;

}
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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Dim 20 Nov 2011 - 10:29

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


Dernière édition par Horatio le Dim 20 Nov 2011 - 10:42, édité 2 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 10:37

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 ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Dim 20 Nov 2011 - 10:45

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

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.

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 10:46

Mais je t'en prie. sunny

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 10:50

@Final-Blonde a écrit:Mais je t'en prie. sunny


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"

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Horatio le Dim 20 Nov 2011 - 14:03

J'y suis arrivé Very Happy
Merci beaucoup résolu


Dernière édition par Horatio le Dim 20 Nov 2011 - 14:59, édité 1 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 14:54

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. Mr. Green

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparition de Texte

Message par Final-Blonde le Dim 20 Nov 2011 - 15:07

@Horatio a écrit: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-)

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum