.-!-. Yipo Dreams .-!-.

Le forum du Yipo !
Accueil­Rechercher­S'enregistrer­Membres­Groupes­FAQ­Connexion
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 Comment faire une mise en page sur ses messages ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Marco
Codeur et Pixel-artiste
Codeur et Pixel-artiste


Age: 14
Nom Habbo: jjmarco50
Musique Favoris: (Presque) Toutes :D
Date d'inscription: 15/10/2007

MessageSujet: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:18

Here is my firt tutorial ! Thanks for your reading Smile
Comment faire une mise en page sur ses messages ?

Bah oui car, un messages qui veut être bien vu par tout le monde ne peut pas vouloir être lu sans une belle mise en page !
Eh bien nous allons étudier cela dans ce tutoriel réalisé avec mes mains pleines de sagesse. :bave:
Si vous ne comprenez pas ce tutoriel, allez vous faire foutre envoyez-moi un MP Wink

I - Les bases


Nous allons commencer par le plus facile: les bases de la mise en page.
Il faut tout d'abord savoir que les mise en page se fait avec un codage appelé BBcode et HTML (que nous n'allons pas mentionner dans ce tuto). Ces codes son exprimer généralement par des balises, comme [ b ][ / b ] qui permet de rendre un texte gras.

Voici les bases:

Code:
[b]<Texte>[/b]
Permet de rendre un texte gras.

Code:
[i]<Texte>[/i]
Permet de rendre un texte italique.

Code:
[u]<Texte>[/u]
Permet de rendre un texte souligné.

Code:
[strike]<Texte>[/strike]
Permet de rayé un texte.

Code:
[color=<couleur>]<Texte>[/color]
Permet de colorer un texte.

Code:
[size=<chiffre>]<Texte>[/size]
Permet de contrôler la taille du texte.

Code:
[center]<Texte>[/center], [left]<Texte>[/left] et [right]<Texte>[/right]
Permet de modifier la place d'un texte (au centre, à droite ou à gauche).

Code:
[quote="<Pseudo>"]<Texte>[/quote]
Permet de citer les propos de quelqu'un.
(Remarquez aussi que si vous cliquer sur "Citer" à coter d'un message d'un membre, les balises sont déjà prêtes.)

Code:
[img]<Adresse d'image hébergée>[/img]
Permet d'insérer une image dans vos messages.

Code:
[url=<Adresse d'un site>]<Texte>[/url]
Permet de créer un lien.

Vous êtes maintenant prêt à faire une petite mise en page sympa Wink
Nous allons maintenant voir les balises plus compliquées qui ajoute de jolis extras à votre message.

II - Les balises spéciales

Voyons les autres balises permettant d'enchérir votre message de beauté:

Code:
[list][*]<Texte>[/list]
Permet de créer une liste à puce (•).
Pour créer une nouvelle ligne dans la liste, ajouter [*] entre les balises puis tapez votre texte juste à la suite.

Code:
[list=][*]<Texte>[/list]
Permet de créer une liste à chiffres. (1, 2, 3...)

Code:
<Texte>[hr]<Texte>
Permet d'insérer une ligne entre 2 textes.

Code:
[code]<Code ou texte>[/code]
Permet d'insérer un code sans qu'il ne sois appliquer au message.

Code:
[table border="1"][tr][td]<Texte>[/td][/tr][/table]
Permet de créer un tableau.
Rajouter autant de balises "tr" et "td" pour ajouter autant de colonnes et de lignes.

Code:
[flash(<largeur,hauteur>)]<Adresse de l'animation>[/flash]
Permet d'insérer une animation Flash dans vos messages.

Code:
[youtube]<Adresse de la vidéo>[/youtube] et  [dailymotion]<Adresse de la vidéo>[/dailymotion]
Permet d'insérer une vidéo de YouTube ou de Dailymotion.

Code:
[font=<Nom de la police>]<Texte>[/font]
Permet de modifier la police d'un texte.

Code:
[sub]<Texte>[/sub] ou [sup]<Texte>[/sup]
Permet de rendre un texte en indice ou en exposant. (Ex: H2O, 52...)

Code:
[spoiler]<Texte>[/spoiler]
Permet de cacher un texte dans un rectangle. (Il suffit de cliquer sur celui-ci pour faire apparaître ledit texte.)

Code:
[hide]<Texte>[/hide]
Permet de caché un texte.

Code:
[scroll]<Texte>[/scroll] et [updown]<Texte>[/updown]
Permet de faire défilé un texte horizontalement ou verticalement.

Code:
[rand]<Nombre>,<Nombre>[/rand]
Permet de faire apparaitre 1 nombre aléatoire entre les 2 nombres choisi.


Vous êtes maintenant prêt à faire une magnifique mise en page digne des plus grands ! king

III - Les raccourcis

Il éxiste des bouton permettant de faire apparaître les balises plus rapidement.
Ces bouton se trouve en haut de l'éditeur de message. Voici la légende:

Spoiler:
 


Merci d'avoir lu Wink
Tuto by Marco

_________________
Mon look sur Habbo:
Spoiler:
 


Dernière édition par Marco le Dim 11 Oct 2009 - 12:35, édité 3 fois
Revenir en haut Aller en bas
http://www.habbo.fr/home/jjmarco50
piatch
Administrateur
Administrateur


Nom Habbo: piatch
Date d'inscription: 07/07/2007

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:30

Excellent Marco, excellent ! bravo

Tuto très clair Very Happy

_________________

Le mot "Yipo" se prononce avec le "Y" de "Yo" ou de "Yihaaaa". On ne dit pas "Hipo" , on dit "Yipo" !

Pouce en bas D'yipo-dreams Arrow De Yipo-dreams Pouce en haut
Pouce en bas De l'yipo Arrow Du Yipo Pouce en haut
Revenir en haut Aller en bas
Roni
Yiponien(ne) d'exception


Nom Habbo: Roni=
Date d'inscription: 15/03/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:43

Je vote marco for president Noëliste

_________________
Kelox I love you.

Spoiler:
 
Revenir en haut Aller en bas
Brouss
Yiponien(ne) d'exception


Nom Habbo: Docteur.Brouss
Musique Favoris: La fouine - Faut faire l'taf
Date d'inscription: 14/03/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:44

J'aime bien le tuto. Wink

_________________
Spoiler:
 
Revenir en haut Aller en bas
Rudy
Animateur du Yipo
Animateur du Yipo


Nom Habbo: Rudyb59
Musique Favoris: Un peu de tout.
Date d'inscription: 01/11/2008

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:46

Pouce en haut waw . J'adore :bave:

_________________
Rudy


Spoiler:
 
Revenir en haut Aller en bas
http://www.Habbo.fr/home/rudyb59
Lady GaGa
Head-Animateur
Head-Animateur


Age: 16
Nom Habbo: n4rz0
Musique Favoris: Good Friday - Coco Rosie
Date d'inscription: 09/05/2008

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:48

Bon boulot. Pouce en haut
Revenir en haut Aller en bas
Marco
Codeur et Pixel-artiste
Codeur et Pixel-artiste


Age: 14
Nom Habbo: jjmarco50
Musique Favoris: (Presque) Toutes :D
Date d'inscription: 15/10/2007

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:49

Merci merci Cool

_________________
Mon look sur Habbo:
Spoiler:
 
Revenir en haut Aller en bas
http://www.habbo.fr/home/jjmarco50
Rudy
Animateur du Yipo
Animateur du Yipo


Nom Habbo: Rudyb59
Musique Favoris: Un peu de tout.
Date d'inscription: 01/11/2008

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 12:57

T'as passé beaucoup de temps dessus ? mdr

_________________
Rudy


Spoiler:
 
Revenir en haut Aller en bas
http://www.Habbo.fr/home/rudyb59
Marco
Codeur et Pixel-artiste
Codeur et Pixel-artiste


Age: 14
Nom Habbo: jjmarco50
Musique Favoris: (Presque) Toutes :D
Date d'inscription: 15/10/2007

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 13:00

Une bonne petite heure xD

_________________
Mon look sur Habbo:
Spoiler:
 
Revenir en haut Aller en bas
http://www.habbo.fr/home/jjmarco50
Nowyll
La plus glamour


Age: 47
Nom Habbo: Nowyll
Musique Favoris: L'effet papillon, la lettre, grace kelly, double je
Date d'inscription: 25/09/2008

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 13:12

Super

_________________
•Un brin d'herbe arroser par Yipo
•Un peu de glace dedant
•Du café
•Du vieu soda
•La graisse de Vladimir

Rouler le brin d'herbe qui est remplit des aliment, bruler le avec le feu des dragon.

Bedo Yiponien.
Revenir en haut Aller en bas
Marco
Codeur et Pixel-artiste
Codeur et Pixel-artiste


Age: 14
Nom Habbo: jjmarco50
Musique Favoris: (Presque) Toutes :D
Date d'inscription: 15/10/2007

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 13:19

Trés bonne utilisation de l'indice et l'exposant Pouce en haut

xD

_________________
Mon look sur Habbo:
Spoiler:
 
Revenir en haut Aller en bas
http://www.habbo.fr/home/jjmarco50
Etoile-Romantic
Certifié Yiponien(ne)


Nom Habbo: Vanilla928/.Crazy-Louloute
Date d'inscription: 20/04/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 13:57

Super

Mais, comment fait-on, pour insérer un lien ? Exemple : ici (on clique et sa amène à un lien)

_________________
Revenir en haut Aller en bas
Roni
Yiponien(ne) d'exception


Nom Habbo: Roni=
Date d'inscription: 15/03/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 13:59

on fait pas Noëliste

_________________
Kelox I love you.

Spoiler:
 
Revenir en haut Aller en bas
Brouss
Yiponien(ne) d'exception


Nom Habbo: Docteur.Brouss
Musique Favoris: La fouine - Faut faire l'taf
Date d'inscription: 14/03/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 14:03

Etoile c'est simple [URL= < Nom du site > ] < Texte > [/URL]

_________________
Spoiler:
 
Revenir en haut Aller en bas
Etoile-Romantic
Certifié Yiponien(ne)


Nom Habbo: Vanilla928/.Crazy-Louloute
Date d'inscription: 20/04/2009

MessageSujet: Re: Comment faire une mise en page sur ses messages ?   Dim 11 Oct 2009 - 14:05

Merci beaucoup

_________________
Revenir en haut Aller en bas
 

Comment faire une mise en page sur ses messages ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
.-!-. Yipo Dreams .-!-. :: °* Le forum *° :: °* Aide *°-
Poster un nouveau sujet   Répondre au sujet