Convertir un code

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

Résolu Convertir un code

Message par Mel.76 le 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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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

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 le Mar 30 Juil 2013 - 20:27

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

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

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

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 le Mer 31 Juil 2013 - 9:45

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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..

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 le 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. ^^





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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>

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 le 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(http://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>





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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é ?

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 le 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(http://img15.hostingpics.net/pics/702161tumblrlumzrlKp1c1qkmebxo2250.gif)">
afin que la div soit plus petite, et donc que l'image de fond ne soit que partiellement visible.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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 ?

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 le 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(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>





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

Message par Mel.76 le 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 ?

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 le 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).





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

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

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

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 le 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
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Convertir un code

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

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

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


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