Améliorer/modifier sa description (HTML)

Tout au long de ce tutorial nous allons apprendre à modifier (ou améliorer) vos descriptions (personnel ou de guilde). Ceci est aussi valable pour vos participations sur les forums.
Pour apporter des modifications(et donc ne plus se contenter de la simple écriture noire de base) : il faut se servir du langage nommé HTML. De nombreux sites sur Internet vous permettent d'apprendre ce langage (indispensable lorsque l'on veut créer son site Internet)
En voici quelque uns pour vous aider :

-http://www.ccim.be/ccim328/html/
-http://www.siteduzero.com/xhtml-css/
-http://punkspirit.chez-alice.fr/slayers/aide/genedesc.html
Ou plus simplement : http://www.google.fr/ et faite vous même des recherches ;)


Dernier point avant de commencer, les forums de Slayers ne sont pas fait pour apprendre le HTML donc les demande d'aide ne seront pas tolérés sur les forums (rendez-vous sur des forums spécialisés si vous voulez approfondir)




Bon, commençons.
Pour modifier vos descriptions vous devez insérer des balises spéciales dans vos textes.
Par exemple, si vous souhaitez que votre texte soit écrit en gras vous devrez vous servir de la balise <B> </B>
Exemple :
Votre phrase : " Sur le monde de Vesperae… "
Marquez : <B> Sur le monde de Vesperae… </B>
Et vous obtiendrez : Sur le monde de Vesperae…

Si vous souhaitez mettre votre texte en italique, même principe :
Votre phrase : " La Vita Cera : sphère de vie "
Marquez : <I> La Vita Cera : sphère de vie </I>
Et vous obtiendrez : La Vita Cera : sphère de vie

Voici à présent une liste des balises les plus utilisé :

Gras : <B></B>
Italique : <I></I>
Souligné : <U></U>
Barré : <S></S>
Centré : <CENTER></CENTER>
Barre de séparation : <hr> (inutile de refermer cette balise, il suffit de la marquer pour faire apparaître une barre)

Voyons maintenant comment changer la couleur de votre texte.

<font color="coordonné"> </font>
Il vous suffit ensuite de remplacer coordonné par le nom (en anglais)de la couleur.
Votre phrase : " le mal apparaîtra et la vie s'affaiblira."
Marquez : <font color="blue"> le mal apparaîtra et la vie s'affaiblira. </font>
Et vous obtiendrez : le mal apparaîtra et la vie s'affaiblira.

Vous pouvez aussi remplacer coordonné par la valeur chiffrée de votre couleur.
Par exemple :
Bleu : #0066FF
Rouge : #6633FF
Les valeurs chiffrées ont pour avantage d'offrir un plus grand choix de couleur( Pour plus d'infos, rendez-vous sur des sites spécialisés)

Comment insérer des images ?

Pour cela il faut déjà que votre image possède une URL : il faut donc que votre image soit stockée sur Internet.
Si vous avez trouvé votre image sur un site Internet, il vous suffit de faire " clique droit " à " propriété " et de noter l'URL de l'image.
Si votre image est stocké sur votre ordinateur, vous devez d'abord là stocké sur Internet, pour ce faire aller sur ce site : http://www.imageshack.us/ et hébergé votre image, puis récupérez sont URL.

Ensuite servez-vous de la balise <IMG SRC="URL"> , et changez URL par celle de votre image.(voir ci dessus)
Par exemple :
Marquez : <IMG SRC="http://www.slayersonline.net/screenshots/dedicace.png">
Et vous obtiendrez :


Faire un lien.

Un lien permet de rediriger la personne qui clique dessus vers une autre page.
<A HREF="URL"> Votre mot/phrase de lien </A>
Par exemple, si vous voulez que lorsque l'on clique sur le mot admin de votre texte, l'on soit redirigé vers la page de la guilde des admin.
Marquez : <A HREF="http://www.slayersonline.net/communaute/guilde.php?id=5">admin</A>
Et vous obtiendrez : admin (cliquez dessus pour tester)

Vous pouvez aussi faire un lien vers une adresse mail.
Balise : <a href="mailto:adresse e-mail"> Mot/phrase de lien. </a>
Marquez : Voici l'adresse pour contacter les admins !

Comment insérer un background dans votre description ?

Si vous souhaitez modifier la couleur de fond ou mettre une image en background de votre description, il suffit de tenir compte que le texte inséré pour votre description se trouve dans une cellule de tableau.

La solution est dès lors claire: fermer d'abord la cellule en cours puis en ouvrir en une nouvelle où vous attribuez une couleur ou une image en background.

Par exemple, le petit tableau suivant aura un fond jaune: <TABLE><TR><TD bgcolor="yellow"> Ceci est un exemple simple</TABLE></TR></TD>

Qui donne le résultat:
Ceci est un exemple simple




Voila donc les bases permettant d'améliorer vos descriptions et vos posts sur les forums.
Il existe bien évidement des dizaines d'autres fonctions mais ce tutorial n'a pas pour but de vous apprendre le HTML, juste les bases utiles dans vos description ;)
Si vous recherchez une balise particulière, vous pouvez vous référer à la liste des balises ICI .

Précision : Certaines balises ont été volontairement bloquées (notamment celle permettant de mettre une musique dans sa description) : donc ne vous étonnez pas si vous voyez qu'une balise particulière se "transforme" d'elle-même lorsque vous actualisez votre description.


Par Symbiose