Dans le premier article, j'avais expliquer ce qu'était entre autre, une présentation html.
Tout commence sur presentatiecharly, où il faut choisir une présentation. Voici la présentation sur laquelle je vais donner l'exemple :
presentation#795
Name
Name | Age | Country | extra
Text Text Text
Text Text
Text
2013 © Made by Charly__6__
Edit By _____________
Une fois choisie, rendez vous sur un éditeur htlm : htmledit.squarefree
Copiez coller le code html situé en dessous de la présentation choisie sur le site (dans la cadre bleue vidé).
Il est tant maintenant de manipuler le code. Il faut savoir qu'un code est constitué de partie ( entre < >) et que les retour à la ligne sont le code <br />.
Aidez vous du cadre blanc pour rester vigilant sur le changement de votre future présentation et afin de ne pas se tromper d'endroit.
Les couleurs
Pour changer le fond (backgrond-color), il faut entrer la combinaison de la couleur choisie sur ce site : html-color-codes en remplacant dans la partie colorée en rouge ci dessous :
<p style="background-color:#000;color:#FFFFFF; box-shadow: 2px 3px 5px black;text-align: center; margin: auto; width: 530px;" title="Made by charly__6__">
Pour changer la couleur de l'écriture (color), il faut entrer la combinaison de la couleur choisie sur le même site en remplacant dans la partie colorée en vert ci dessus.
L'écriture
Pour changer l'écriture (font-family), il faut se renseigner sur son nom et l'entrer en remplacant dans la partie colorée en bleu ci dessous :
<span style="font-family:georgia,serif;"><span style="font-size: 20px;">
Pour changer la taille de l'écriture, il faut modifier le chiffre coloré en jaune ci dessus.
Les informations
Pour changer les informations par les votre, il faut trouver sur chaque partie ce qu'il y a à remplacer, puis il suffit de mettre ce que vous voulez !
<span style="font-size:72px;margin-left: 20px;float: left; border-left: 3px dashed white; width: 500px;">Name</span><br />
Name | Age | Country | extra<span style="background-color:#FFFFFF;margin-left: 20px; color: #000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 5px; text-align:center; width: 500px;height: 100px; overflow-y: scroll;overflow-x: hidden;" title="Made by charly__6__">
You can write your text here</u></span><br />
<span style="float: left; border-bottom: 1px dashed black; width: 240px;">Title</span></span></span><br />
.....
Et voila ! C'est la base pour une première présentation ! Etape finale, transferer la présentation sur stardoll !
1) Rajouter "a" au debut du code :
A<p style="background-color:#000;color:#FFFFFF; box-shadow: 2px 3px 5px black;text-align: center; margin: auto; width: 530px;" title="Made by charly__6__"> (...)
2) Rajouter "Z" à la fin du code :
(...) <span style="font-size:10px;margin-right: 0px;float: right; border-left: 2px dashed white; margin-bottom:20px;width: 250px;">2013 © Made by Charly__6__<br />Edit By _____________</span><br /> <br /> </p> Z
3) Surligner avec la souris de A à Z en incluant la présentation dans la cadre blanc (bas) :
4) Déplacez la présentation sur celle de stardoll (ouverte et vierge) :
5) Supprimer A et Z et sauvegardez !!
J'espère que vous avez compris et réussi, n'hésitez pas à poser des questions ! Le prochain article portera sur les images et les cursors !
