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.

Cadre 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>

Cadre 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 FONDDsmiley/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 !" />