Index du Forum

 
 FAQFAQ   RechercherRechercher   MembresMembres   GroupesGroupes   S’enregistrerS’enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

Description en html

 
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Tout savoir et toutes les info sur slayersonline -> Sites internet
Sujet précédent :: Sujet suivant  
Auteur Message
Draenor
Administrateur

Hors ligne

Inscrit le: 08 Nov 2007
Messages: 192
Masculin Verseau (20jan-19fev)

MessagePosté le: Jeu 6 Déc - 23:18 (2007)    Sujet du message: Description en html Répondre en citant

Je ne vais pas inventer de tuto magique, je vais vous montrer le tuto déjà présent dans le guide du jeu: http://www.slayersonline.net/guide/index.php

je rajouterais d'autres codes également, pour le completer.

Ce tuto a été fait par symbiose.



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.tiscali.fr/slayers/aide/genedesc.html
Ou plus simplement : http://www.google.fr/ et faite vous même des recherches Wink


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
Exemple :
Votre phrase : " Sur le monde de Vesperae… "

Marquez :

Code:





 <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 :

Code:





<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é :



Code:





 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 :

Code:





<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
, et changez URL par celle de votre image.(voir ci dessus)

Par exemple :
Marquez :

Code:






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


Code:





 <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 :

Code:





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


Code:





 Balise :  <a href="mailto:adresse e-mail"> Mot/phrase de lien. </a> 






Vous obtiendrez : 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.

  • Pour une couleur de fond, le code sera:
    Code:





    </TD></TR><TR><TD bgcolor="couleur"> 





    où vous remplacez "couleur" par une couleur en anglais (red, blue, green,...) ou </TD></TR><TR><TD> où le code à insérer est composé de 6 chiffres hexadécimaux (allez sur les sites spécialisés pour trouver les codes des couleurs);

  • Pour une image de fond, le code sera:
    Code:





    </TD></TR><TR><TD background="URL"> 





    où URL est l'adresse d'hébergement de votre image, sur un site tel que http://www.imageshack.us/
Par exemple, le petit tableau suivant aura un fond jaune:

Code:





<TABLE><TR><TD bgcolor="yellow"> Ceci est un exemple simple</TABLE></TR></TD> 







Qui donne le résultat: <TABLE><TR><TD bgcolor="yellow"> Ceci est un exemple simple</TABLE></TR></TD>


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 Wink
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


-----------------------------------------------

Voici maintenant d'autre codes:


pour créer un menu qui s'ouvre, en cliquant dessus. Par exemple, pour montrer la liste de ses objet en coffre, la liste des guildes fréquentées ou n'importe quoi d'autre. Faites ceci, (remplacez le texte par le votre et rajouter vos propres lignes, en suivant le même code)

le code ressemble à ceci:
 





Pour faire défile le texte, utilisez les balises suivantes


Code:






<marquee> texte</marquee> 






votre texe défilera.

Vous pouvez choisir la direction de votre texte:

Code:






<marquee direction=up>texte</marquee> 






(ou encore direction=down;left;right)




Pour faire clignoter le texte, utilisez les balises suivantes:


Code:






<blink>texte</blink> 





Votre texte clignotera



Pour choisir la taille de votre texte, utilisez les balises suivantes:


Code:






<font size=4>texte</font> 





(choisissez votre propore valeur à la place de 4, par defaut la taille d'un texte est de 2)


Pour choisir la police de votre texte, utiliser les balises suivantes:

Code:






<font face="nomdelapolice">Texte</Font> 





Quelques exemple de nom de police: Arial,Verdana,Comic sans Ms ... il en existe pliens d'autre.
Publicité






MessagePosté le: Jeu 6 Déc - 23:18 (2007)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
dragon


Hors ligne

Inscrit le: 07 Déc 2007
Messages: 73

MessagePosté le: Sam 8 Déc - 15:27 (2007)    Sujet du message: Description en html Répondre en citant

xd c'est la tuto de symbiose nan?
Draenor
Administrateur

Hors ligne

Inscrit le: 08 Nov 2007
Messages: 192
Masculin Verseau (20jan-19fev)

MessagePosté le: Sam 8 Déc - 23:08 (2007)    Sujet du message: Description en html Répondre en citant

bon, je vois que tu n'as pas lu le début du post  Rolling Eyes
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 20:11 (2017)    Sujet du message: Description en html

Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Tout savoir et toutes les info sur slayersonline -> Sites internet Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

Index | creer un forum gratuit | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation

Template UT by dav.bo
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com