Messages : 71 Date d'inscription : 28/06/2009 Age : 95 Habitation : Aucune
Sujet: Re: Mise en page et design de vos messages Lun 27 Juil - 12:16:55
La mise en forme des messages: les BBCodes
BBCode est l'abréviation de Bulletin Board Code, une simplification du langage HTML utilisée pour mettre en forme les messages de forums de discussion. Par abus de langage, les éléments du BBCode sont appelés balises. Le nom d'une balise est délimité par les crochets [ et ], contrairement au HTML où les caractères < et > sont utilisés. Certaines balises ont une propriété, aussi appelée attribut, dont la valeur est assignée à la balise elle-même à l'aide du symbole =. (source: wikipedia)
Le principe c'est que pour la mise en forme de votre texte, il suffit d'entourer votre texte ou la partie du texte concerné par les balises entre crochets. Un code de début et un code de fin:
Gras
Code:
[b]votre texte[/b]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Italique
Code:
[i]votre texte[/i]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Souligné
Code:
[u]votre texte[/u]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Barré
Code:
[strike]votre texte[/strike]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Police
Code:
[font=Courier New]votre texte[/font] [font=Times New Roman]votre texte[/font] [font=Impact]votre texte[/font] [font=Verdana]votre texte[/font] [font=Arial Black]votre texte[/font] [font=Comic Sans Ms]votre texte[/font] [font=Georgia]votre texte[/font]
Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas
Alignement à gauche
Code:
votre texte
Je suis certain qu'il y a des balises que vous ne connaissez pas
Centré
Code:
[center]votre texte[/center]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Alignement à droite
Code:
[right]votre texte[/right]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Justifié
Code:
[justify]votre texte[/justify]
Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Je suis certain qu'il y a des balises que vous ne connaissez pas. Celle-là, vous la connaissiez ?
Taille
Code:
[size=15]votre texte[/size]
vous pouvez mettre n'importe quelle valeur de taille allant de 1 à 29 Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas Je suis certain qu'il y a des balises que vous ne connaissez pas
Indice
Code:
X[sub]indice[/sub]
Vous connaissez la voie 9¾ ?
Exposant
Code:
7[sup]ème[/sup] année
7ème année
Caché
Code:
[hide]votre texte[/hide]
A savoir que le texte que vous cachez sera caché pour les personnes qui ne postent pas dans le sujet avec vous, mais les admins et les modo peuvent voir le texte caché sans avoir à poster dans le sujet (c'est mieux que de mettre des trucs en noir sur fond noir )
Spoiler
Code:
[spoiler]Je suis certain qu'il y a des balises que vous ne connaissez pas[/spoiler]
Spoiler:
Citer
Code:
[quote]votre texte[/quote]
Citation :
Je suis certain qu'il y a des balises que vous ne connaissez pas
Citer avec un auteur
Code:
[quote="votre auteur"]votre autre texte[/quote]
Enki, le roi de la balise a écrit:
Je suis certain qu'il y a des balises que vous ne connaissez pas
Similaire à la balise "quote", la balise "code" permet de préserver le formatage du texte. Ce qui est bien utile pour afficher du code de programmation ou des lignes html, par exemple, mais je pense pas que vous en ferez ça
Liste
Code:
[list]votre texte[/list]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Lister avec une puce
Code:
[list][*]votre texte[/list]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Liste numérique
Code:
[list=1][*]votre texte[/list]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Liste alphabétique
Code:
[list=a][*]votre texte[/list]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Multi liste
Code:
[list]votre premier texte[*]votre texte[/list] [*]votre texte[/list][/list]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Je suis certain qu'il y a des balises que vous ne connaissez pas
Mais ce forum possède une fonctionnalité appelé "Magic Links", celle-ci convertira automatiquement une url en un lien cliquable sans que vous ayez à insérer une balise BBCode. Il suffit d'écrire l'adresse.
Le BBCode inclut une balise pour incorporer des images à vos messages. L’image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !) Vous pouvez héberger gratuitement vos images sur Internet grâce aux hébergeurs d’images tel que www.servimg.com.,www.imageshack.us,www.photobucket.com.
Vous pouvez placer une image dans un lien si vous le souhaitez (c’est à vous de vous assurer que l’ordre des balises d’ouverture et de fermeture est correct).
Vous pouvez utiliser les codes couleurs ou les hexadécimal au choix:
Enki en a marre des BBcodes, vous obtenez la couleur grâce à ce code :
Code:
[color=khaki]texte[/color]
Enki en a marre des BBcodes, vous obtenez la couleur grâce à ce code :
Code:
[color=orangered]texte[/color]
Enki en a marre des BBcodes, vous obtenez la couleur grâce à ce code :
Code:
[color=sienna]texte[/color]
Enki en a marre des BBcodes, vous obtenez la couleur grâce à cet hexadécimal :
Code:
[color=#CC9933]texte[/color]
Enki en a marre des BBcodes, vous obtenez la couleur grâce à cet hexadécimal :
Code:
[color=#6600CC]texte[/color]
Enki en a marre des BBcodes, vous obtenez la couleur grâce à cet hexadécimal :
Code:
[color=#6633FF]texte[/color]
Faire un tableau
Code:
[table] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
Ca va ch*er cette année
1
2
Une année sombre, ça promet
3
4
Le BBCode pour insérer un tableau dans un message est identique aux balises utilisées en HTML. Pour créer un tableau, vous devez commencer par définir un tableau ’table’ puis lui insérer une ligne ’tr’. Cette ligne peut contenir une ou plusieurs cellules ’td’, de même qu’un tableau peut contenir plusieurs lignes ’tr’.
Faire un tableau avec des cellules
Code:
[table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
Ca va ch*er cette année
1
2
Une année sombre, ça promet
3
4
Vous pouvez également rajouter des arguments dans le BBcode ’table’. Ces derniers sont identiques à ceux utiliser pour le HTML. Vous pouvez par exemple ajouter un contour au tableau ci dessus grâce à l’attribut ’border’.
Ne fonctionnant qu'avec certains navigateurs:
Flou
Code:
[blur]votre texte[/blur]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Effacé
Code:
[fade]votre texte[/fade]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Texte renversé verticalement
Code:
[flipv]votre texte[/flipv]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Texte renversé horizontalement
Code:
[fliph]votre texte[/fliph]
Je suis certain qu'il y a des balises que vous ne connaissez pas
Nombre aléatoire dans une intervalle donnée
Code:
[rand]50,100[/rand]
Nombre aléatoire (50,100) :
69
Nombre aléatoire avec un maximum donné
Code:
[rand]100[/rand]
Nombre aléatoire (1,100) :
16
Crée par Enki
Dernière édition par Seth Cullen le Lun 27 Juil - 13:03:47, édité 1 fois
Hippolyte ❧ Dark
Messages : 71 Date d'inscription : 28/06/2009 Age : 95 Habitation : Aucune
Sujet: Re: Mise en page et design de vos messages Lun 27 Juil - 12:32:06
Comment on met une image dans son profil ?
1- Se rendre dans son profil 2- Cliquer sur le lien "avatar" 3- Vous avez différentes options:
a) Envoyer l’Avatar depuis votre ordinateur : Il suffit de cliquer sur "Parcourir" et d’aller le chercher dans votre ordinateur. Il y a une taille et un poids maximum imposé, ce qui rend l'avatar de qualité moyenne.
b) Envoyer l’Avatar à partir d’une URL : Entrez l’URL de l’image Avatar, elle sera copiée sur ce site. Copiez l'url d'une image hébergée dans Internet. De la même façon qu'une image sélectionné dans votre ordinateur, la dimension et le poids de votre image ont des quotas maximum à respecter, ce qui fait que l'avatar n'est pas toujours de bonne qualité.
c) Lier l’Avatar à partir d’un autre site : Entrez l’URL de l’image Avatar que vous voulez lier. C'est la solution qui permet d'avoir un avatar de bonne qualité et de la dimension que vous aurez choisie. Vous pouvez l'héberger sur imageshack.us, servimg.com ou photobucket si cette image est sur votre ordinateur. L'hébergeur donnera à votre image une adresse url que vous copierez et collerez.
d) Sélectionner un Avatar à partir de la Galerie : Laissez-vous guider et trouvez un avatar qui représente au mieux votre personnage de jeune sorcier. (l'option "Galerie d'Avatars" n'est pas activée pour le moment)
Pour insérer un smiley du forum dans la signature, il vous suffit de taper le code de l’image que vous souhaitez insérer ; exemple de code du forum pour le blason de serdaigle :serdaigle: (les deux points [:] définissent le code)
La dimension maximum d'un avatar doit être, en pixel, 200x320px.
Hippolyte ❧ Dark
Messages : 71 Date d'inscription : 28/06/2009 Age : 95 Habitation : Aucune
Sujet: Re: Mise en page et design de vos messages Lun 27 Juil - 12:37:02
Comment met-on une image dans un message ?
Quand on compose un message, parmi les options des balises proposées, se trouve une icône « héberger une image ». Un clic sur cette icône vous renvoie sur servimg.com. Vous devez faire importer votre mot de passe (le même que celui du forum) et un compte vous sera automatiquement alloué. Ceci vous permettra d'héberger une image depuis votre ordinateur et de donner à celle-ci l'URL indispensable pour que vous puissiez la faire apparaitre dans un post.
Vous pouvez aussi passer par des hébergeurs externes comme Imageshack, Photobucket, ou par l'hébergeur de votre blog perso.
Une fois que vous avez l’URL, il vous suffit de la copier et de la coller dans la fenêtre de composition de votre message, à l'endroit où vous souhaitez la voir apparaître, en entourant l'adresse du lien direct par les balises: .
Maintenant, les hébergeurs d'images comme Imageshack ou Photobucket, vous propose instantanément plusieurs balises: html, bbcode, thumbbails etc. Vous n'avez plus qu'à copier coller.
Conseil raccourci clavier :
Le raccourci clavier de Copier est Ctrl+c Le raccourci clavier de Coller est Ctrl+v
Lorsque votre image entourée de ses deux balises est agencée comme vous le désirez, vous pouvez "envoyer" votre message. L'image sera visualisable une fois envoyé (ou en mode WYSIWYG, selon l'option de composition que vous avez choisi pour la rédaction de vos messages sur le forum).
Astuce :
Vérifiez, avant de poster, que votre image est bonne en prévisualisant le message que vous venez d’écrire, en cliquant sur "prévisualiser".
Hippolyte ❧ Dark
Messages : 71 Date d'inscription : 28/06/2009 Age : 95 Habitation : Aucune
Sujet: Re: Mise en page et design de vos messages Lun 27 Juil - 12:38:09
Comment faire partager une musique ou une vidéo ?
Vous devez l'héberger pour obtenir une url, de la même façon qu'on le fait pour les images :
Il existe d'autres hébergeurs gratuits pour vos gros fichiers. Il suffit de taper "hébergeurs gratuits" dans Google.
Sinon la meilleure chose à faire avant d'entreprendre d'héberger un gros fichiers son est d'aller fureter du côté des jukebox online ou des diffuseurs :
Accueil 
Sujet: Mise en page et design de vos messages 
Lun 27 Juil - 12:10:07
Gras
)
