• Coucou les gens, donc, ici, je vais vous expliquer comment faire une signature comme celle-ci:
I >> Qu'est ce que le HTML?• HTML >> HyperText Markup Langage. Langage permettant de créer des pages Web, il utilise une structure formé avec des balises permettant la mise en forme du texte. Nécessite un navigateur web (ou un forum) pour la visualisation.
II >> Comment fonctionne le HTML?• Comme dit au dessus, le HTML fonctionne grace a des balises, un peu comme le bbcode.
Voici les rudiment du HTML:
- Code:
-
<b><i>texte</b></i>
>> FAUX
- Code:
-
<b><i>texte<i><b>
>> FAUX
- Code:
-
<b><i>texte</i></b>
>> BON
Cela donne
texte .
III >> Les codes nécessaires pour reliser la sign'.• Pour centrer le texte.
- Code:
-
<center>texte</center>
• pour mettre le texte a gauche.
- Code:
-
<left>texte</left>
• Pour ecrire en italique.
- Code:
-
<i>texte</i>
• Pour ecrire en gras.
- Code:
-
<b>texte</b>
• Pour faire defiler un texte ou des images.
- Code:
-
<marquee>texte ou image</marquee>
• Pour passer a la ligne.
- Code:
-
Texte<br>
(se servir de ce code après un cadre pour laisser un espace avant le cadre suivant)
• Pour sauter une ligne.
- Code:
-
texte<br><br>
• Pour inserer une image (autrement que par hebergeur).
- Code:
-
<img src="url de l'image" border="0">
• Pour changer la taille, la police et la couleur.
- Code:
-
<font size="3" color="#000000" face="police choisie">texte<font>
>> pour changer la taille, saisissez un chiffre a la place du 3, après font size.
>> pour changer la couleur, saisissez un code couleur après le color.
>> pour changer la police, saisissez une police (toutes ne marchent pas) a la place du police choisie après face.
ET SURTOUT N'ENLEVEZ PAS LES GUILLEMETS!
exemple:
- Spoiler:
- Code:
-
<font size="3" color="#ad2f20" face="Impact">"Quand j'aurais un cheval, je l'appellerais Jambon-Beurre"<font>
donne:
"Quand j'aurais un cheval, je l'appellerais Jambon-Beurre"
• Pour mettre un cadre avec une image de fond:
- Code:
-
<table style="border-style: solid; border-color: #000000; border-width: 2px 5px; padding: 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" align="center" background="url de l'image" border="0" cellpadding="0" cellspacing="0" width="550px"><tr><td>TEXTE</td></tr></table>
>> pour chager la couleur du cadre, saisissez un code couleur après border color.
>> pour changer la position du cadre, saisissez center, left ou right après align.
>> pour changer l'image de fond, saisissez l'url de l'image après backround.
>> pour changer la largueur du cadre, saisissez un nombre de pixels après width.
ET SURTOUT N'ENLEVEZ PAS LES GUILLEMENTS!
exemple:
- Spoiler:
- Code:
-
<table style="border-style: solid; border-color: #a17878; border-width: 2px 5px; padding: 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" align="center" background="http://obsession27.free.fr/divers/fonds/flow9.jpg" border="0" cellpadding="0" cellspacing="0" width="550px"><tr><td>TEXTE TEXTE</td></tr></table>
donne:
IV >> Comment faire sa sign'?• Alors alors... maintenat que vous savez comment fonctionne le HTML et que vous connaissez quelques codes simples vous allez pourvoir creer votre signature ^^.
• Donc pour cela il vous faut avoir accès au panneau d'administration d'un forum (c'est le plus simple).
Vous allez dans module et tout en bas vous avez: gestion des pages HTML, vous cliquez dessus et vous créez une nouvelle page HTML.
Avant toute chose, 2 recommendations:
- prévisualisez regulièrement votre signature (après chaque action si possible)
- validez votre travail très régulièrement.
Car a la moindre fausse manip', un code de travers ou un lettre oubliée peu mettre tout un travail en l'air (et oui, je parle en connaisseuse u_u).
• Voili voilou, vous bidouillez vos codes, vos images, vos texte avec les balises donnée plus hauts et validée une fois que vous etes satisfait de votre travail.
V >> Mettre sa signature sur le forum.• Alors maintenant que vous avez tout les elements, il ne vous reste plus qu'a coller ce code a l'endroit ou vous voulez mettre la signature.
- Code:
-
<iframe src="url de la page HTML" frameborder="0" width="560" height="275"></iframe>
>> vous remplacez url de la page HTML par l'url de la page HTML xD (vous cliquez sur la petite loupe a coté dans votre page dans votre panneau d'administration et vous copiez l'adresse dans la barre de navig')
>> vous reglez la largeur de la sign' en changeant les chiffre après width.
>> vous reglez la hauteur de la sign' en changeant les chiffres après height.
• Vous validez, ET VOILA!
• Pour toute question n'hesitez pas a m'envoyer un MP
Tuto
Elegna, merci de ne pas le prendre sans mon autorisation.