Problème avec l'adaptation d'un code

2 participants

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

Résolu Problème avec l'adaptation d'un code

Message par CryingToYourHeart Mar 11 Fév 2014 - 21:09

Bonjour,
J'ai quelques problèmes avec l'adaptation d'un code qui vient d'un site étranger. Normalement le code au départ est comme ceci:
Spoiler:

Et au passage de la souris sur la photo ceci doit apparaître:
Spoiler:

Sauf que lorsque je le met sur FA tout est ensemble en même temps. Je n'arrive pas à voir comment faire pour que ça fasse comme l'exemple :s

Es-ce que quelqu'un pourrait m'aider ?

Spoiler:

Merci d'avance Smile
le code est sous hide


Dernière édition par CryingToYourHeart le Lun 17 Fév 2014 - 9:04, édité 3 fois
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 18:30

UP: s'il vous plait, j'ai vraiment besoin d'aide, je n'arrive pas du tout à corriger l'effet rechercher  Crying or Very sad 
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 20:12

CryingToYourHeart a écrit:Bonjour,
J'ai quelques problèmes avec l'adaptation d'un code qui vient d'un site étranger. Normalement le code au départ est comme ceci:
Spoiler:

Et au passage de la souris sur la photo ceci doit apparaître:
Spoiler:

Sauf que lorsque je le met sur FA tout est ensemble en même temps. Je n'arrive pas à voir comment faire pour que ça fasse comme l'exemple :s

Es-ce que quelqu'un pourrait m'aider ?

Spoiler:

Merci d'avance Smile
le code est sous hide

Bonjour,

je poste pour tenter de comprendre quel est l'effet que vous recherchez ...
(slide , opacity ...)
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 20:21

Le texte, quand on a la souris sur l'image, apparaît progressivement en fait et j'essaie de voir comment faire. Sur un forum où je suis un code à déjà cette propriété mais je n'arrive pas à l'ajouter sur ce code ci malheureusement.
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 20:25


Sauf que lorsque je le met sur FA tout est ensemble en même temps. Je n'arrive pas à voir comment faire pour que ça fasse comme l'exemple :s

* où voulez vous placer le code que vous tentez de modifier ? page d'accueil ? message ?

* que voulez vous modifier au code que vous avez trouvé ?
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 20:29

Scoubifitz a écrit:* où voulez vous placer le code que vous tentez de modifier ? page d'accueil ? message ?

* que voulez vous modifier au code que vous avez trouvé ?

J'aimerais qu'il soit en signature, mais je pense qu'il sera trop long donc je le mettrais en iframe sur mon forum test.

Bah en fait sur le code il n'y a pas l'effet progressif pour que le texte s'affiche, le texte est directement sur l'image, décalé vers le bas, donc du coup je suis obligé de trouver ce que le FA ne comprend pas pour pouvoir modifier la balise.
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 20:52

si vous mettez ce code dans une page html , il ne devrait pas y avoir de problème ...

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 20:58

D'accord merci Smile
Par contre si je veux le mettre dans un post par exemple, comment puis-je faire pour que le texte apparaisse progressivement ? Qu'elle balise dois-je changer ?
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

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

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 21:27

il faut activer le html pour les messages et tout mettre sur une seule ligne :

Code:
<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'> <style type="text/css">  .thread {  opacity: 0; width: 310px; height: 310px; margin: 10px; padding: 10px; background-color: #EEE; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; }  .thread:hover { opacity: 1; }  </style> <table style="border-spacing:3px;margin:auto;"> <tr> <td style="width: 10px; height: 250px; background-color: #52C9E9;"></td>  <td rowspan="2" style="background:#EEE url(http://i46.tinypic.com/zxl84m.png)no-repeat center;"> <div class="thread">  <div style="font-family: 'Racing Sans One', cursive; font-size: 25px; text-align: center; color: #41384E; line-height: 50px; text-transform: uppercase; background-color: #ffffff;">one way or another</div>  <div style="margin-top: 20px; width: 270px; height: 200px; padding: 10px; background-color: #ffffff;border:10px solid #ffffff; overflow: auto;color: #000; font-family: tahoma; text-align: justify; font-size: 9px; line-height: 130%;">   and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~   </div> </div> </td> </tr><tr> <td style="background-color: #DBF710;"></td></tr> </table>  <div style="width: 360px; margin:auto; text-align: left; font-family: arial; text-transform: uppercase; text-align: left; font-size: 6px; color: #111;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224">robb stark</a></div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 21:32

Merci beaucoup  Very Happy 
Je viens de le mettre sur mon forum test mais ça me donne ceci:

Spoiler:
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 22:01

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Ven 14 Fév 2014 - 22:18

J'ai essayé sur trois forums et ça me donne pareil :s
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Ven 14 Fév 2014 - 22:49

vous avez bien mis le code que je viens de donner ? (testé sur trois forums)

Code:
<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'> <style type="text/css">  .thread {  opacity: 0; width: 310px; height: 310px; margin: 10px; padding: 10px; background-color: #EEE; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; }  .thread:hover { opacity: 1; }  </style> <table style="border-spacing:3px;margin:auto;"> <tr> <td style="width: 10px; height: 250px; background-color: #52C9E9;"></td>  <td rowspan="2" style="background:#EEE url(http://i46.tinypic.com/zxl84m.png)no-repeat center;"> <div class="thread">  <div style="font-family: 'Racing Sans One', cursive; font-size: 25px; text-align: center; color: #41384E; line-height: 50px; text-transform: uppercase; background-color: #ffffff;">one way or another</div>  <div style="margin-top: 20px; width: 270px; height: 200px; padding: 10px; background-color: #ffffff;border:10px solid #ffffff; overflow: auto;color: #000; font-family: tahoma; text-align: justify; font-size: 9px; line-height: 130%;">   and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~   </div> </div> </td> </tr><tr> <td style="background-color: #DBF710;"></td></tr> </table>  <div style="width: 360px; margin:auto; text-align: left; font-family: arial; text-transform: uppercase; text-align: left; font-size: 6px; color: #111;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224">robb stark</a></div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Sam 15 Fév 2014 - 18:38

Oui c'est bien celui là :s
Il marche peut être 5 mins mais quand on poste après ou qu'on modifie le poste ça devient comme la photo que j'ai mise
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

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

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Sam 15 Fév 2014 - 23:37

oups , ma faute ... j'ai laissé le script de correction de l'éditeur activé ...

je ne voyais donc pas de différence en éditant le message ...

voici le code corrigé ,il restait des espaces dans le style ...
il est éditable , même plusieurs fois !^^

Code:
<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'><style> .thread{opacity:0;width:310px;height:310px;margin:10px;padding:10px;background-color:#EEE;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out;}.thread:hover{opacity:1;}</style><table style="border-spacing:3px;margin:auto;"><tr><td style="width: 10px; height: 250px; background-color: #52C9E9;"></td><td rowspan="2" style="background:#EEE url(http://i46.tinypic.com/zxl84m.png)no-repeat center;"><div class="thread"><div style="font-family: 'Racing Sans One', cursive; font-size: 25px; text-align: center; color: #41384E; line-height: 50px; text-transform: uppercase; background-color: #ffffff;">one way or another</div><div style="margin-top: 20px; width: 270px; height: 200px; padding: 10px; background-color: #ffffff;border:10px solid #ffffff; overflow: auto;color: #000; font-family: tahoma; text-align: justify; font-size: 9px; line-height: 130%;"> and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~and your post and things will go here~~ </div></div></td></tr><tr><td style="background-color: #DBF710;"></td></tr></table><div style="width: 360px; margin:auto; text-align: left; font-family: arial; text-transform: uppercase; text-align: left; font-size: 6px; color: #111;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12224">robb stark</a></div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Dim 16 Fév 2014 - 12:43

Merci beaucoup *-*
Ca marche vraiment bien.
Qu'avez vous changé pour que ça rende comme l'exemple à part les espaces ?
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par Scoubifitz Dim 16 Fév 2014 - 15:23

c'est un tableau à trois cellules :
cellule 1 : hauteur , largeur et fond bleu
cellule 2 : hauteur et fond vert pomme
cellule 3 : fusion de cellules (rowspan) , fond gris et image de fond réduite centrée et sans répétition

13
2

Code:
[table style="border-spacing:3px;margin:auto;background-color: White;"][tr][td style="width: 10px; height: 250px; background-color: #52C9E9;"]1[/td]
[td style="background:#dddddd url(http://i38.servimg.com/u/f38/14/07/55/00/help-f10.png)no-repeat center;width:350px;height:350px;" rowspan="2"]3[/td]
[/tr]
[tr][td style="background-color: #DBF710; height: 100px"]2[/td]
[/tr]
[/table]

dans la 3e cellule , mise en place d'une div avec la même couleur de fond , de taille inférieure à la cellule et centrée

dans le CSS qui l'accompagne : opacité de la div à zéro , et opacité à 1 au survol avec effet de transition
tout le CSS est sur une seule ligne , sans espacement double ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'adaptation d'un code

Message par CryingToYourHeart Lun 17 Fév 2014 - 9:03

D'accord Smile
Merci beaucoup pour votre aide, la prochaine fois que j'ai un code comme ça je chercherais mieux  Smile 
Merci énormément pour votre aide
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart 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