Problème avec l'adaptation d'un code
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec l'adaptation d'un code
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:
Et au passage de la souris sur la photo ceci doit apparaître:
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 ?
Merci d'avance
le code est sous hide
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
le code est sous hide
Dernière édition par CryingToYourHeart le Lun 17 Fév 2014 - 9:04, édité 3 fois
Re: Problème avec l'adaptation d'un code
UP: s'il vous plait, j'ai vraiment besoin d'aide, je n'arrive pas du tout à corriger l'effet rechercher
Re: Problème avec l'adaptation d'un code
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
le code est sous hide
Bonjour,
je poste pour tenter de comprendre quel est l'effet que vous recherchez ...
(slide , opacity ...)
Re: Problème avec l'adaptation d'un code
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.
Re: Problème avec l'adaptation d'un code
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é ?
Re: Problème avec l'adaptation d'un code
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.
Re: Problème avec l'adaptation d'un code
si vous mettez ce code dans une page html , il ne devrait pas y avoir de problème ...
Re: Problème avec l'adaptation d'un code
D'accord merci
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 ?
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 ?
Re: Problème avec l'adaptation d'un code
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>
Re: Problème avec l'adaptation d'un code
Merci beaucoup
Je viens de le mettre sur mon forum test mais ça me donne ceci:
Je viens de le mettre sur mon forum test mais ça me donne ceci:
- Spoiler:
Re: Problème avec l'adaptation d'un code
J'ai essayé sur trois forums et ça me donne pareil :s
Re: Problème avec l'adaptation d'un code
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>
Re: Problème avec l'adaptation d'un code
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
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
Re: Problème avec l'adaptation d'un code
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 !^^
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>
Re: Problème avec l'adaptation d'un code
Merci beaucoup *-*
Ca marche vraiment bien.
Qu'avez vous changé pour que ça rende comme l'exemple à part les espaces ?
Ca marche vraiment bien.
Qu'avez vous changé pour que ça rende comme l'exemple à part les espaces ?
Re: Problème avec l'adaptation d'un code
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
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 ...
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
1 | 3 |
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 ...
Re: Problème avec l'adaptation d'un code
D'accord
Merci beaucoup pour votre aide, la prochaine fois que j'ai un code comme ça je chercherais mieux
Merci énormément pour votre aide
Merci beaucoup pour votre aide, la prochaine fois que j'ai un code comme ça je chercherais mieux
Merci énormément pour votre aide
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum