jeudi 26 février 2015

Codes pour fiches

Voici une liste non exhaustive des codes existants pour les fiches. Ces codes sont tous disponible sur les forums dans différents topics.


smiley/cligne.pngCadre couleur rouge :

<center> <div class="erreur"><font class="Apple-style-span" size="3"><span class="Apple-style-span" style="font-size: 13px;">ICI TON TEXTE</span></font></div& gt;</center>


Cadre couleur verte :

<div id="valideAmi" class="valide">TON TEXTE</div>


Cadre à bord ronds :

<div style="background: url(URL DE TON IMAGE ICI); padding: 15px 20px; border-radius: 0px 10px; border: 1px dotted rgb(0, 0, 0); width: 410px; color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: x-large;">Écris ici le texte que tu souhaites&nbsp;</span></div >

Cadre blanc opaque :

<div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"> </div><div style="text-align: center;"><div style="background: rgb(255, 255, 255); margin: auto; padding: 5px; border-radius: 5px; border: 1px solid rgb(196, 196, 196); width: 400px; color: black; font-family: Arial; box-shadow: 2px 2px 2px #969696; -webkit-box-shadow: #969696 2px 2px 2px;" class="bloc"><div style="text-indent: 20px; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;" align="left"><font face="Times New Roman" size="4"><strong>< font face="Georgia">ICI LE TITRE</font></strong></fo nt></div><center><font face="Times New Roman" size="4"><font color="#000000" face="times new roman" size="2"><font color="#ff0000">ICI LE TEXTE</f ont></font></font></ce nter><!-- div--></div><div style="text-align: center;"><font face="Times New Roman" size="4"><font color="#000000" face="times new roman" size="2">&nbsp;</fon t></font></div><br> </div></div></div>

smiley/cligne.pngCadre arrondi, à droite :


<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 250px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px solid #000; width: 200px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

Cadre transparent contours blancs :

<div style="text-align: -webkit-auto; background-image: url('URL DU FONDD
smiley/cligne.png; margin: auto; border: 1px solid #663333; width: 498px;"><div style="text-align: center;"><br></div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border: 1px solid #ffffff;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;">
<br></div>
</div>

Cadre rectangulaire, à droite :

<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 235px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

Cadre rectangulaire, à gauche :

<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 15px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;"><br></div>
</div>

Cadre transparent, sans contours :

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'smiley/cligne.png; margin: auto; width: 500px;">
<div style="text-align: center;"><br></div>
<div style="text-align: center;"><br></div>
<div style="text-align: center;"><br></div>
<div style="text-align: center;"><br></div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding:20px 20px 20px 20px; width: 400px;">
<div style="text-align: center;">Texte</div>
</div>
</div>


Cadre cercle (ici à gauche)

<div style="background-image: url(
http://smilylove.s.m.pic.centerblog.net/63643102.j[...]width: 440px; margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); background-repeat: repeat repeat;"><div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium; ">Texte avant le rond</span></div>
<div align="left" style="text-align: center; margin: auto auto auto 10px; background-image: url(); padding: 15px 20px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px dotted rgb(0, 0, 0); width: 190px;"><div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium;">Texte dans le rond</span></div>
</div>
<div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium;">Texte après le rond</span></div>
</div>

Il est possible de changer la position du rond en changeant les px de "margin: auto auto auto 250px"


Image de fond :

<div style=
"background: url(LIEN DE L'IMAGE ICI) no-repeat #806552; width: 435px; margin: auto; padding: 5px; border: 1px solid #d8d8d8; color: white;">
<br/>


Texte défilant :

<marquee>Ton Texte Défilant</marquee>


Texte à ascenseur transparent : 

<div align="center" style="overflow: auto; width: 200px; height: 210px;"><span class="Apple-style-span" style="font-size: xx-large;">ÉCRIT CE QUE TU VEUX VOIR APPARAITRE DANS L'ASCENSEUR ICI</span></div>

Texte à ascenseur : 

<br>
<div style="text-align: left; overflow: auto; max-height: 85px;" class="texteClair"><p> ;<span class="Apple-style-span" style="line-height: normal;">Le Texte<br><div style="text-align: auto;"><br><br></ div></span></p><p>& lt;font class="Apple-style-span" color="#00CC00"><b>&l t;br></b></font></p> ;</div><strong>
<br>
</strong>

Bouton :

<input type="submit" id="voteJoueur" value="ECRIS ICI TON TEXTE !" />

22 commentaires:

  1. Ou mettre ces codes

    RépondreSupprimer
    Réponses
    1. Ces codes sont à placer dans la partie consacrée au HTLM de la fiche qui est le bouton tout en haut à droite de la fiche.

      Supprimer
    2. demande a un modo

      Supprimer
  2. Par exemple lorsque tu change la couleur de ton texte sur ta fiche tout a droite tu as un petit bouton bleu ; tu cliques dessus puis tu copie colle l'un des codes ; tu valide et voila ;)

    RépondreSupprimer
  3. Les codes anti-copie marchent ils vraiment ? Car j'ai entendu dire qu'ils effaçaient les fiches..

    RépondreSupprimer
  4. j'ai essayer une code et sa ma effacer ma fiche aidez-moi s'il vous plait

    RépondreSupprimer
  5. N'importe quoi ces codes ...

    RépondreSupprimer
    Réponses
    1. Faux! Je me suis fais une fiche grâce à ces codes. Merci beaucoup d'ailleurs!

      #Tchou

      Supprimer
  6. Cool, merci beau coup ;)

    RépondreSupprimer
  7. je voudrais savoir si on peut insérer un fichier et si oui , comment ?
    merci de me répondre
    ♪ d◕‿◕b ♪
    Lou

    RépondreSupprimer
    Réponses
    1. Un fichier, c'est à dire ? Et pour quoi faire ?

      Supprimer
  8. J'ai fait ma fiche sur open draw car je n'avais pas de connexion internet et je voudrais maintenant la transférer sur ma fiche lapino
    (*ΘェΘ*)
    Lou

    RépondreSupprimer
    Réponses
    1. Si c'est juste du texte, copie/colle, si tu as une image, il faut que tu l'héberges :)

      Supprimer
  9. c'est un texte sur une image
    (*ΘェΘ*)
    Lou

    RépondreSupprimer
  10. les codes on les met les uns à coté des autres ?

    RépondreSupprimer
  11. Pouvez vous mettre le code pour mettre une vidéo ?

    RépondreSupprimer
  12. Avez-vous le code pour écrire sur une image?

    RépondreSupprimer
  13. bonjour, les codes anti-copie ne marche pas.

    RépondreSupprimer
  14. vous vous êtes tromper au codage HTML de "Cadre transparent contours blancs" vous avez oubliez la parenthése aprés le lien ^^

    RépondreSupprimer
  15. J'aimerai bien un bouton où lorsque quelqu'un appuie dessus, un texte apparaît en dessous. C'est possible?
    Genre sur le bouton, il y a écris "SURPRISE!!!" et lorsqu'on appuie, en dessous il y a écris "Bonne journée^^"
    ♥coucou♥

    RépondreSupprimer