Astuces pour vos fiches (2)

chenipoteun Voici un petit récapitulatif. Tout ces codes sont trouvés sur les pages du topic, le but de ce message est de les regrouper pour permettre la recherche plus facile :P
Je vous conseil avant d'utiliser des codes, de sauvegarder votre fiche en HTML dans un document texte. Ainsi, même si le code supprime votre fiche vous pourrez tout de même la récupérer. :)


✎ SOMMAIRE :

☀ 1. Cadre cercle droite
☀ 2. Cadre cercle gauche
☀ 3. Écrire en dehors de sa fiche
☀ 4. Image de fond
☀ 5. Texte défilant
☀ 6. Cadre transparent
☀ 7. Texte à ascenseur
☀ 8. Bouton "j'aime"
☀ 9. Texte clignotant
☀ 10. Cadre à bords ronds
☀ 11. Cadre blanc opaque
☀ 12. Cadre couleur rouge
☀ 13. Cadre couleur verte
☀ 14. Texte à ascenseur



☀ 1. Cadre cercle (ici à droite) :
<div style="background-image: url(URL DE L'IMAGE DE FOND); width: 440px; margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); background-repeat: repeat repeat;">
Teste avant le rond
<div align="left" style="text-align: center; margin: auto auto auto 250px; background-image: url(URL DE L'IMAGE DU ROND); 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>Texte dans le rond</div>
</div>
<div style="text-align: right;"><font size="1">Texte après le rond</font></div>
</div>

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


☀ 2. 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"


☀ 3. Ecrire en dehors de la fiche :
<div class="uiScaledImageContainer profilePic"><br><font style="color: rgb(0, 0, 0);" size="10"><font size="1"><br></fon t>
<center style="left: 440px; top: 925px; margin-top: -275px; margin-left: 410px; position: absolute;">
<div style="text-align: center;"><p style="text-align: center;"><font style="color: rgb(0, 0, 0);" size="5"><font size="1"><font size="2">TON TEXTE ICI</font></font><br>& lt;/font></p><font style="color: rgb(0, 0, 0);" size="5"></font></ div></center></font></ div>

Il est possible de changer la position du texte en changeant les px.

☀ 4. 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/>



☀ 5. Texte défilant :
<marquee>Ton Texte Défilant</marquee>


☀ 6. Cadre transparent :
<fieldset>
<legend>Le Titre</legend>
Le contenu
</fieldset>


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


☀ 8. Bouton "jaime" :
<input type="submit" id="voteJoueur" value="ECRIS ICI TON TEXTE !" />


☀ 9. Texte clignotant :
<blink>Ton Texte Clignotant</blink>



☀ 10. 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 >


☀ 11. 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>


☀ 12. 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>


☀ 13. Cadre couleur verte :
<div id="valideAmi" class="valide">TON TEXTE</div>


☀ 14. 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>

Il est de possible de changer la taille de l'ascenseur en modifiant les px de "width: 200px; height: 210px;"
HEIGHT étant la hauteur et WIDTH la largeur.


J'en posterais d'autre plus tard Il faut que je les test.

J'ai même pas fini la 1ère page Il y en avoir beaucoup !

Dydouzz ★ Voici un code pour changer la police de votre texte :

<font color="#000000" face="Nom de la police" size="5">Texte</font>

Texte



★ Un autre code pour mettre de l'ombre derrière le texte :

<div style="text-shadow: rgb(119, 119, 119) 0px 0px 5px;" align="center">Texte<br& gt;</div>

Texte


★ Un texte qui défile :

<marquee>Texte</marquee>



★ Un texte qui bouge horizontalement :

<marquee behavior="alternate"><ma rquee="" width="150">Texte</marqu ee=""></marquee>

laurelene29 Bonjour j'ai besoin du code pour une ficje comme Koni svp

lilou1501 Voilà

<div style="text-align: center;"><br></div>
<div style="margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); width: 435px; background-image: url('COPIER L'URL DE l'IMAGE ICI'*); background-repeat: no-repeat no-repeat; background-color: rgb(128, 101, 82);">
<br>
<br>
<br>
<div align="left"> </div >
<br>
<div style="margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(196, 196, 196); border-right-color: rgb(196, 196, 196); border-bottom-color: rgb(196, 196, 196); border-left-color: rgb(196, 196, 196); border-image: initial; width: 400px; font-family: Arial; box-shadow: rgb(150, 150, 150) 2px 2px 2px; background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 2px;" class="bloc">
<div style="color: black; text-indent: 20px; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;"><br></div>& lt;/div>
<br>
<div style="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 rgb(150,150,150); background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 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;"><br></div>& lt;/div>
<br>
<div style="margin: auto; padding: 5px; border-radius: 5px; border: 1px solid rgb(196, 196, 196); width: 400px; box-shadow: 2px 2px 2px rgb(150,150,150); background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 2px;" class="bloc">
<div style="color: black; text-indent: 20px; font-family: Arial; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;"><br></div>& lt;/div>
<br>
<div style="margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(196, 196, 196); border-right-color: rgb(196, 196, 196); border-bottom-color: rgb(196, 196, 196); border-left-color: rgb(196, 196, 196); border-image: initial; width: 400px; font-family: Arial; box-shadow: rgb(150, 150, 150) 2px 2px 2px; background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 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;"><br></div>& lt;/div>
<br></div>

<br>

Suopprimer juste l'étoile vers l'url de l'image

lilou1501 Voilà

<div style="text-align: center;"><br></div>
<div style="margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); width: 435px; background-image: url('COPIER L'URL DE l'IMAGE ICI'*); background-repeat: no-repeat no-repeat; background-color: rgb(128, 101, 82);">
<br>
<br>
<br>
<div align="left"> </div >
<br>
<div style="margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(196, 196, 196); border-right-color: rgb(196, 196, 196); border-bottom-color: rgb(196, 196, 196); border-left-color: rgb(196, 196, 196); border-image: initial; width: 400px; font-family: Arial; box-shadow: rgb(150, 150, 150) 2px 2px 2px; background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 2px;" class="bloc">
<div style="color: black; text-indent: 20px; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;"><br></div>& lt;/div>
<br>
<div style="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 rgb(150,150,150); background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 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;"><br></div>& lt;/div>
<br>
<div style="margin: auto; padding: 5px; border-radius: 5px; border: 1px solid rgb(196, 196, 196); width: 400px; box-shadow: 2px 2px 2px rgb(150,150,150); background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 2px;" class="bloc">
<div style="color: black; text-indent: 20px; font-family: Arial; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;"><br></div>& lt;/div>
<br>
<div style="margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(196, 196, 196); border-right-color: rgb(196, 196, 196); border-bottom-color: rgb(196, 196, 196); border-left-color: rgb(196, 196, 196); border-image: initial; width: 400px; font-family: Arial; box-shadow: rgb(150, 150, 150) 2px 2px 2px; background-color: rgb(255, 255, 255); -webkit-box-shadow: rgb(150, 150, 150) 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;"><br></div>& lt;/div>
<br></div>

<br>

Suopprimer juste l'étoile vers l'url de l'image

laurelene29 Euh ... Regarde comment ça fait sur ma fiche

Blizzard≠ C'étais mon récapitulatif :")

Shûma Code pour les vidéos :

<div align="center"><object data="https://www.youtube-nocookie.com/v/11 derniers caractères" type="application/x-shockwave-flash " height="260" width="350"></object> </div>
</div>

A la place de "11 derniers caractères" vous mettez les 11 de l'url de votre vidéo youtube.

un inconnu Je n'arrive pas a ecrire sur image aidez moi svp

laurelene29 Bonjour :)
Comment faire pour changer le nom d'un lien ?

princesse26 Laurelene29, lorsque tu relis une adresse URL à un mot sur ta fiche en cliquant en haut à côté du mode HTML il y a un rectangle qui s'affiche :

- L'espace pour en lien.
- L'espace pour le titre (Title ou un truc du genre en anglais )

Et bien, au lieu de habituellement, ne rien mettre, tu marques "maison".

lilou1501 Dans ce cas c'est bizard parce que c'est bien le bon code :o

Andrés Mon code marche pas aidez moi SVP