Convertir un code

2 participants

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

Résolu Convertir un code

Message par Mel.76 Mar 30 Juil 2013 - 17:42

Bonjour/Bonsoir I love you 

Il y a pas longtemps je me suis inscrite sur un site ou il y avait un grand nombre de code à disposition et donc certains me plaisaient mais malheureusement ils sont en dohtml.. j'aimerais pouvoir les convertir pour pouvoir les utilisés en tant que fiche de lien. J'ai essayé de me débrouillé toute seule en supprimant les espaces.. mais ce n'est pas encore ça Arrow Je tiens tout de même à signalé que je m'y connais pas du tout dans le css.. donc si vous pourriez m'aidé ce serait super vraiment.

Code:
<style type="text/css">.selg001 { opacity:0; width:245px; height:300px; transition-duration:0.3s; -moz-transition duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s;}.selg001:hover { opacity:0.9 }.charstuff { width:245px; height:300px; line-height:33%; padding:10px; background-color:#fff; color:#333; font-family:calibri; font-size:10px; line-height:90%; text-align:justify; padding:1px; overflow:auto; margin-top:5px; text-transform:lowercase; }
</style><center>
<div style="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div class="width:245px; height:300px; background image:url(image 245x300)"><div class="selg001"><div class="charstuff"><p><center><div style="height:5px;"></div>
<a href="http://forums.athousandfireflies.com/index.php?showuser=7310"><div style="width:165px; background-color:#000; font-family:calibri; padding:10px; text-transform:uppercase; color:#fff; text-align:center; font-size:10px; letter-spacing:3px;">FIRST MIDDLE LAST</div></a><br>
<b>age . occupation . face claim</b></center>

<hr><p>shipper stuff hereeee

</div></div></div></center>

Je sais qu'il y a un autre sujet mais malheureusement je n'ai pas compris.. Sad  j'aimerais que vous m'expliquez comment vous faites.

Merci d'avance Clin d\'oeil
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Mar 30 Juil 2013 - 19:36

Bonsoir Mel. Je vais regarder ça Wink
Ce n'est pas facile d'expliquer, parce qu'il y a juste à remettre le code css entre les balises, et à supprimer le bbcode dohtml, qui ne sert à rien (les codes sont les mêmes, c'est du html Mr. Green). Je vais me pencher dessus.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Mar 30 Juil 2013 - 19:49

Justement je ne sais pas de quel code il s'agit.. quand j'essaye de mettre une image elle ne s'affiche pas Hein
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Mar 30 Juil 2013 - 20:27

Alors, déjà, est-ce bien ça que tu dois obtenir ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Mar 30 Juil 2013 - 23:57

Oui oui c'est bien dans ce style là Wink 
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Mer 31 Juil 2013 - 9:45

Et bien je n'ai rien à convertir, ça fonctionne très bien. ^^
Arrivez-vous à l'afficher chez vous ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Mer 31 Juil 2013 - 11:34

Le soucis c'est lorsque je veux mettre un gif il ne s'affiche pas et donc j'aimerais comprendre pourquoi..
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Jeu 1 Aoû 2013 - 0:10

Et bien, essayez de mettre un gif dans le code, et s'il ne fonctionne pas, envoyez-moi le code avec le gif qui ne fonctionne pas, je regarderai et je vous dirai pourquoi. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Jeu 1 Aoû 2013 - 5:07

Justement j'ai essayé à plusieurs reprises mais aucun résultat obtenu.. Arrow 

Code:
<style type="text/css">.selg001 { opacity:0; width:245px; height:300px; transition-duration:0.3s; -moz-transition duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s;}.selg001:hover { opacity:0.9 }.charstuff { width:245px; height:300px; line-height:33%; padding:10px; background-color:#fff; color:#333; font-family:calibri; font-size:10px; line-height:90%; text-align:justify; padding:1px; overflow:auto; margin-top:5px; text-transform:lowercase; }
</style><center>
<div style="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div class="width:245px; height:300px; background image:url(http://img15.hostingpics.net/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)"><div class="selg001"><div class="charstuff"><p><center><div style="height:5px;"></div>
<a href="http://forums.athousandfireflies.com/index.php?showuser=7310"><div style="width:165px; background-color:#000; font-family:calibri; padding:10px; text-transform:uppercase; color:#fff; text-align:center; font-size:10px; letter-spacing:3px;">FIRST MIDDLE LAST</div></a><br>
<b>age . occupation . face claim</b></center>

<hr><p>shipper stuff hereeee

</div></div></div></center>
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Ven 2 Aoû 2013 - 0:25

Alors, deux erreurs un peu bêtes :

<div class="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div style="width:245px; height:300px; backgroundXimage:url(https://img15.hostingpics.net ...

Pour la première faute, il faut mettre style à la place de class. La classe impose un nom de classe, qui correspond à du CSS, on n'incorpore pas le CSS directement avec l'attribut class, mais avec l'attribut style.

Pour la deuxième faute, vous avez oublié le trait d'union entre background et image.

Donc, voici votre code ^^ :

Code:
<style type="text/css">.selg001 { opacity:0; width:245px; height:300px; transition-duration:0.3s; -moz-transition duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s;}.selg001:hover { opacity:0.9 }.charstuff { width:245px; height:300px; line-height:33%; padding:10px; background-color:#fff; color:#333; font-family:calibri; font-size:10px; line-height:90%; text-align:justify; padding:1px; overflow:auto; margin-top:5px; text-transform:lowercase; }</style><center>
      <div style="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div style="width:245px; height:300px; background-image:url(http://img15.hostingpics.net/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)"><div class="selg001"><div class="charstuff"><p><center><div style="height:5px;"></div>
      <a href="http://forums.athousandfireflies.com/index.php?showuser=7310"><div style="width:165px; background-color:#000; font-family:calibri; padding:10px; text-transform:uppercase; color:#fff; text-align:center; font-size:10px; letter-spacing:3px;">FIRST MIDDLE LAST</div></a><br>
      <b>age . occupation . face claim</b></center>
       
      <hr><p>shipper stuff hereeee
       
      </div></div></div></center>


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Ven 2 Aoû 2013 - 11:10

Merci vraiment I love you 
J'aimerais savoir encore une chose, comment on fait pour voir qu'une partie de l'image et que le code ne soit pas centré ?
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Sam 3 Aoû 2013 - 0:05

Votre image est en background, on ne peut donc choisir que deux options :
l'afficher en mode répéter, ou l'afficher une seule fois.
Sinon, il faudra diminuer les valeurs que vous avez mise :
<div style="width:245px; height:300px; background-image:url(https://2img.net/r/hpimg15/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)">
afin que la div soit plus petite, et donc que l'image de fond ne soit que partiellement visible.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Sam 3 Aoû 2013 - 1:09

Finalement je n'ai changé que la taille Wink 
Et pour que le code ne soit pas centrer comment puis-je faire ?
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Dim 4 Aoû 2013 - 0:05

Le code, ou l'image ? Si c'est tout le code, simplement retirer les balises center que vous avez mise :
<center>
<div style="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div style="width:245px; height:300px; background-image:url(https://2img.net/r/hpimg15/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)"><div class="selg001"><div class="charstuff"><p><center><div style="height:5px;"></div>
<a href="http://forums.athousandfireflies.com/index.php?showuser=7310"><div style="width:165px; background-color:#000; font-family:calibri; padding:10px; text-transform:uppercase; color:#fff; text-align:center; font-size:10px; letter-spacing:3px;">FIRST MIDDLE LAST</div></a><br>
<b>age . occupation . face claim</b></center>

<hr><p>shipper stuff hereeee

</div></div></div></center>


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Dim 4 Aoû 2013 - 4:37

Malheureusement chez moi lorsque j'enléve les balises center, ça m'affiche un code plus grand en hauteur.. Surprised
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Lun 5 Aoû 2013 - 12:27

Vous avez du vous tromper, parce qu'une balise center ne fait que centrer, et ne permet en aucun cas un quelconque redimensionnement ! oo

Code:
<style type="text/css">.selg001 { opacity:0; width:245px; height:300px; transition-duration:0.3s; -moz-transition duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s;}.selg001:hover { opacity:0.9 }.charstuff { width:245px; height:300px; line-height:33%; padding:10px; background-color:#fff; color:#333; font-family:calibri; font-size:10px; line-height:90%; text-align:justify; padding:1px; overflow:auto; margin-top:5px; text-transform:lowercase; }</style>
      <div style="width:245px; background-color:#fff; padding:15px; border:1px solid #dadada;"><div style="width:245px; height:300px; background-image:url(http://img15.hostingpics.net/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)"><div class="selg001"><div class="charstuff"><p><center><div style="height:5px;"></div>
      <a href="http://forums.athousandfireflies.com/index.php?showuser=7310"><div style="width:165px; background-color:#000; font-family:calibri; padding:10px; text-transform:uppercase; color:#fff; text-align:center; font-size:10px; letter-spacing:3px;">FIRST MIDDLE LAST</div></a><br>
      <b>age . occupation . face claim</b></center>
     
      <hr><p>shipper stuff hereeee
     
      </div></div></div>
je n'ai pas modifié la taille du background de mon côté, comme vous l'aviez demandé plus haut, mais voici le code sans que ce soit centré. J'ai juste enlevé la première balise - d'ouverture - center, et la toute dernière - de fermeture -.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Lun 5 Aoû 2013 - 14:08

Merci encore I love you 
Et pour finir, je souhaiterais savoir qu'est-ce qui faudrait que je me modifie si je voudrais convertir un prochain code ?
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Lun 5 Aoû 2013 - 22:26

Tu l'avais bien modifié, cette fois-ci. ^^ Ces codes-ci sont en html, qu'on dise le contraire ou pas, donc à part retirer les espaces en trop quand on accepte le bccode, il n'y a rien à faire, ils sont déjà bien fournis. (mis à à part tout le css dans les balises... mais bon ça c'est un autre soucis).


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Convertir un code 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Convertir un code 3592387030 pour prévenir la modération.

Convertir un code Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Mer 7 Aoû 2013 - 2:30

Et concernant tout le css dans les balises, il y aurait quoi à changé ?
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Lixyr Jeu 8 Aoû 2013 - 17:03

Et bien pour ça, il faut apprendre à utiliser des class pour le css, par exemple ici. Après, je ne peux pas tout vous apprendre, il va falloir y mettre du votre Wink
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 Ven 9 Aoû 2013 - 14:24

Aucun problème, merci pour le lien I love you
avatar

Mel.76
*

Messages : 48
Inscrit(e) le : 30/07/2013

Mel.76 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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