Bonjour, après le succès du dernier fil de Manu, je ne m'y attendais pas mais je suis devenu un genre de , Tu peux modifier ça pour rendre ca coool ? Comment on fais ça pour que ça donne ça ? Peux tu rajouter ça sur mon profile ? Ma signature marche pas, tu peux corriger le problème ? Donc, voila. Je vais faire un 2eme tuto. Commencez d'abord par cela.
<span style="property1:variable; property2:variable; property3:variable;...">TEXT</span>
| Mais qu'est-ce que cela veut dire??
|
|---|
Propriétés
Police d'écriture
En premier, vous devriez choisir votre police d'écriture préférée. Que ce soit Arial ou Time
<span style="font-family:Times New Roman;">Votres texte</span>
| Comme vous pouvez remarquer: <span></span> est au début,donc, ajoutez "style="et le truc que vous voulez changer. et n'oubliez surtout pas de rajouter ceci a la fin'. N’oubliez pas de mettre "';" entre les 2 propriétés! |
|---|
Taille de la police
Taille de la police
Vous pouvez changer la taille de votre police d'écriture de différentes manières :
1. Vous pouvez utiliser x-small/large
| Si tu ajoutes: | Ca donnera |
|---|---|
<span style="font-size:large;">Luffy</span> | Luffy |
<span style="font-size:x-small">Luffy</span> | Luffy |
2. Vous pouvez mettre %: 125%= large, et 50%est petit
| Si tu ajoutes: | Ca donnera |
|---|---|
<span style="font-size:125%;">Luffy</span> | Luffy |
<span style="font-size:50%">Luffy</span> | Luffy |
3. Tu peux juste mettre des pixels
| Si tu ajoutes: | Ca donnera |
|---|---|
<span style="font-size:20px;">Luffy</span> | Luffy |
<span style="font-size:10px">Luffy</span> | Luffy |
Couleur de la police
Il y a 3 manières de colorer votre police d'écriture :
1. Ajoutez le nom de la couleur
| Ajoute ca: | Tu aura: |
|---|---|
<span style="color:red;"></span> | Luffy |
2. Mettre un hexadecimal code
| Ajoute ca : | Tu auras : |
|---|---|
<span style="color:#ff0000;">Luffy</span> | Luffy |
|
|
|---|
| Si tu ajoutes: | |
|---|---|
| {{Colorbox|Box|Blue|Luffy}} |
Luffy |
Bordure
| Ajoute ca: | Tu auras : |
|---|---|
<span style="border:3px solid red;">luffy</span> | Luffy |
<span style="border:3px dotted red;">luffy</span> | Luffy |
<span style="border:3px dashed red;">luffy</span> | Luffy |
<span style="border:3px double red;">luffy</span> | Luffy |
<span style="border:3px groove red;">luffy</span> | Luffy |
<span style="border:3px ridge red;">luffy</span> | Luffy |
<span style="border:3px inset red;">luffy</span> | Luffy |
<span style="border:3px outset red;">luffy</span> | Luffy |
Coins arrondis
Si vous souhaitez modifier les coins à quelque chose de plus arrondi, vous devez modifier le rayon de la frontière ! Ne vous inquiétez pas, il est facile, vous avez juste à faire la simple tâche d'ajouter:{{border-radius}}
| Ajoute ca : | Tu auras : |
|---|---|
<span style="border:3px solid red; {{border-radius|1em}}"> Luffy</span>
| Luffy |
Oh ? Toujours pas content ? Vous voulez changer du tout au tout les rond ? Aye !
| Ajoute ca : | Tu auras : |
|---|---|
<span style="border:3px solid red; {{border-radius|2em 1em 1em 0em}}">Luffy</span>
| Luffy |
| Each number represents different part of the frame, if you want to call it it will looks like that: {{border-radius|top-left top-right bottom-right bottom-left}}
|
|---|
| Ajoute ca : | Tu auras : |
|---|---|
Mais basé sur les signatures, vous n'êtes pas autorisé à mettre des photos tout plus grand que 35px, comment vous devez le faire sans perdre de sa qualité ? Simple ! au lieu de120px, mettez 0x35px.
| Ajoute ca : | Tu auras : |
|---|---|
Vous pouvez bien sûr rajouter un lien vers wikia ou vers un site extérieur :
| Ajoute ca : | Tu auras : |
|---|---|
Etape 6 ! Création finale !
Maintenant, il est temps de finaliser le tout !!!
Par exemple je m'appelle Emperor Jarjarkine' et je veux ma signature noir avec du gris pointillé en bordure, avec Times New Roman en police d'écriture, et un coin ondulé et Pantherlily dessus !
1. J'ajoutes en premier mon nom Emperor Jarjarkine:
| Ajoute ca : | Tu auras : |
|---|---|
| <span style="background-color:black; border:3px dotted gray;">[[User:Emperor Jarjarkine|Jarjar]]</span> | Jarjar |
2.Je vais mettre quelques coins :
| Ajoute ca : | Tu auras : |
|---|---|
| <span style="background-color:black; border:3px dotted gray;{{border-radius|1em 0em 0em 1em}}">[[User:Emperor Jarjarkine|Jarjar]]</span></nowiki> | Jarjar |
3.Semble pas encore bien ? Ajoutes des padding:
| Ajoute ca : | Tu auras : |
|---|---|
| <span style="</nowiki">'''<nowiki>"padding-left:6px; background-color:black; border:3px dotted gray;{{border-radius|1em 0em 0em 1em}}">[[User:Emperor Jarjarkine|Jar]]</span></nowiki> | Jar |
4. Je change la police d'écriture (regarde OU je le mets ! juste devant le texte !)
| Ajoute ca : | Tu auras : |
|---|---|
| <span style="padding-left:6px; background-color:black; border:3px dotted gray;{{border-radius|1em 0em 0em 1em}}">[[User:Emperor Jarjarkine|</span><span style="font-size:15px; font-family: Times new roman;"></span>Jar]] | Jar |
5. Et finallement, ajoutons PantherLily
| Ajoute ca : | Tu auras : |
|---|---|
| <span style="padding-left:6px; background-color:black; border:3px dotted gray;{{border-radius|1em 0em 0em 1em}}">[[User:Emperor Jarjarkine|<span style="font-size:15px; font-family: Times new roman;">Jar</span>]]</span> | Jar |
| Souviens toi que si tu veux ajouter des truc sur cette page mets <span></span> et ton texte entre les >< , ! |
|---|
Etape 7, valider le tout
Ensuite, vous devrez aller voir le tutoriel de Manu pour la mise en page.
