Forum Bosnie et Balkans

Des salons de discussions consacrés à la Bosnie et aux autres pays des Balkans.

Vous devez vous inscrire pour participer à ce forum.
Accueil forums > Fonctionnement du forum, questions techniques >

Mise en forme des messages


Le vendredi 30 décembre 2011 à 16:56 #16163

Mise en forme des messages

Dzana
Membre
Avatar

Inscription : 13 février 2008
Messages : 1499
Site web

Voici une liste des possibilités de mise en page, grâce à l'utilisation du BBCode.
Lorsque vous rédigez un message, vous pouvez insérer des balises de mise en forme manuellement, ou bien en cliquant sur les différentes icônes qui se trouvent dans la barre de l'éditeur (ces icônes ne sont que de simples raccourcis pour éviter de taper la balise manuellement).

Ecrire en gras


Icône :
Code :
[b]mon texte en gras[/b]

Résultat : mon texte en gras

Ecrire en italique


Icône :
Code :
[i]mon texte en italique[/i]

Résultat : mon texte en italique

Ecrire en souligné


Icône :
Code :
[u]mon texte souligné[/u]

Résultat : mon texte souligné

Ecrire en couleur


Icône :
Code :
[color=blue]mon texte en bleu[/color]

Résultat : mon texte bleu
Vous pouvez sélectionner l'une des couleurs de la liste déroulante, mais vous pouvez aussi indiquer n'importe quelle couleur.
Pour une liste des noms des couleurs web, voir : Noms des couleurs SVG 1.0.
Exemple :
[color=Chocolate]mon texte en Chocolate[/color]

Résultat : mon texte en Chocolate
Pour les experts en couleurs, vous pouvez également tout simplement renseigner le code hexadécimal de la couleur voulue, précédée du symbole # :
Exemple :
[color=#c5bb05]mon texte en #c5bb05[/color]

Résultat : mon texte en #c5bb05

Insérer une image


Icône :
En cliquant sur cette icône, une boîte de dialogue vous demande l'adresse de l'image : à vous de la renseigner.
Code :
[img]http://www.dzana.net/ascreen.jpg[/img]

Résultat :

Pour plus d'informations sur l'insertion d'images, consultez ce petit tutoriel : Publier des photos sur le forum

Faire un lien


Première méthode : vous pouvez vous contenter de copier/coller l'adresse du lien. Celui-ci sera alors automatiquement inséré dans le message.
Exemple : http://www.google.fr
Deuxième méthode : plutôt que de simplement copier l'adresse, vous pouvez appliquer un libellé (un titre) au lien.
Icône :
Exemple :
[url=http://www.google.fr]le site Google[/url]

Résultat : le site Google

Faire un titre


Icône :
Code :
[subtitle]un titre[/subtitle]


Citations


Pour citer un message du forum, cliquez simplement sur le bouton "Citer".

Vous pouvez aussi, dans votre message, cliquer sur l'icône :
Code :
[quote]bla bla bla...[/quote]

Résultat :
bla bla bla...

Vous pouvez aussi préciser le nom de l'auteur de cette manière :
[quote=Emina]bla bla bla...[/quote]

Résultat :

Emina a dit :

bla bla bla...


Smilies / Emoticônes


Icône :
Choisissez alors le smiley que vous désirez insérer. Vous pouvez bien évidemment taper directement le code du smiley.
Smilies disponibles :
*************

Alignements


Aligner à droite :
Code :
[right]mon texte à droite...[/right]

Résultat :
mon texte à droite

Aligner au centre :
Code :
[center]mon texte au centre...[/center]

Résultat :
mon texte au centre

Aligner à gauche :
Code :
[left]mon texte à gauche...[/left]

Résultat :
mon texte à gauche


Insérer un tableau


Icône :
Un tableau est un ensemble de lignes (code : [tr]) et de cellules(code : [td]).
Le nombre de cellules doit impérativement être le même pour chaque ligne.
Exemple :
[table]
[tr]
[td]première cellule
[/td]
[td]deuxième cellule
[/td]
[/tr]
[tr]
[td]troisième cellule
[/td]
[td]quatrième cellule
[/td]
[/tr]
[/table]

Résultat :
première celluledeuxième cellule
troisième cellulequatrième cellule


Insérer une liste


Une liste est un ensemble d'items. La liste s'insère avec l'icône et chaque item avec l'icône .
Exemple :
[list]
[listitem]lundi[/listitem]
[listitem]mardi[/listitem]
[listitem]mercredi[/listitem]
[/list]

Résultat :
  • lundi
  • mardi
  • mercredi


_____________
Carnets
Le vendredi 30 décembre 2011 à 16:56 #16164

Mise en forme des messages

Dzana
Membre
Avatar

Inscription : 13 février 2008
Messages : 1499
Site web

Il est possible de mixer les balises entre elles.

Exemple 1 : texte en gras et en italique


Code :
[b][i]mon texte en gras et en italique[/i][/b]

Résultat : mon texte en gras et en italique


Exemple 2 : un lien sur une image


Code :
[url=http://www.dzana.net][img]http://www.dzana.net/ascreen.jpg[/img][/url]

Résultat :


_____________
Carnets
Le vendredi 30 décembre 2011 à 16:56 #16165

Mise en forme des messages

Dzana
Membre
Avatar

Inscription : 13 février 2008
Messages : 1499
Site web

Voici maintenant quelques fonctionnalités plus avancées.

Ecrire une note


Il s'agit d'un texte écrit en petits caractères.
Icône :
Code
[note]ma petite note[/note]

Résultat :
ma petite note

Faire un ancrage


Un ancrage est un point invisible dans la page. Tout seul, il est inutile. En revanche, il peut être utilisé pour réaliser des liens à l'intérieur d'une page, et donc, par exemple, à l'intérieur de votre message.
Icône :
Code :
[anchor]mon-ancre[/anchor]

S'il vous plaît, notez bien que le nom d'une ancre ne doit pas comporter d'espaces. Voila pourquoi nous avons ici un tiret entre "mon" et "ancre".
Ensuite, n'importe où dans votre message, vous pouvez faire un lien vers cette ancre de cette manière :
[url=#mon-ancre]Aller sur mon ancre[/url]

Vous noterez que nous avons ajouté un # devant le nom de l'ancre.
En général, le système d'ancrage est utilisé pour réaliser des notes de bas de page, des post-scriptums, etc...

Acronymes


Pour écrire un acronyme, ou une abréviation, vous pouvez utiliser le code suivant (qui n'a pas d'icône associée) :
[acronym]ONU|Organisation des Nations Unies[/acronym]

Résultat : ONU
Si vous passez votre souris sur "ONU", vous verrez apparaître, dans une petite bulle, le texte "Organisation des Nations Unies".
Vous remarquez qu'entre les deux balises se trouvent deux informations, séparées par un pipe (ce symbole : | ). La première information est l'abréviation (ou l'acronyme) elle-même, dans notre exemple : ONU. La deuxième information est l'écriture complète, non abrégée, de l'acronyme, dans notre exemple : Organisation des Nations Unies.

Indices


Pour écrire un bout de texte en indice :
mon texte [sup]mon petit indice[/sup]

Résultat : mon textemon petit indice

Attributs de lien


Pour ajouter l'attribut title à un lien, ajoutez-le entre les balises, en le séparant du libellé par un pipe :
[url=http://www.google.fr]le site Google|Visitez-le ![/url]

Sur le même principe, vous pouvez ajouter un attribut rel. Idéal pour faire un lien en nofollow vers Wikipedia (ben quoi, y a pas de raison que le jeu du web fonctionne à sens unique non ? * ) Plus d'infos ici.
[url=http://www.wikipedia.fr]Wikipedia|Visitez Wikipedia|nofollow[/url]


Texte alternatif d'image


Par souci d'accessibilité, il est utile de renseigner un texte alternatif aux images (attribut alt). Le principe est le même que pour un lien : utilisation du pipe.
Exemple :
[img]http://www.dzana.net/ascreen.jpg|mon image[/img]


Le crochet


les crochets [et] servent à écrire des balises. Pour écrire un crochet et empêcher qu'il soit interprété comme un crochet de balise, merci de le faire précéder d'un anti-slash et de le faire suivre également d'un antislash :
\[\bla\]\

Résultat : [bla]

_____________
Carnets
Le dimanche 01 janvier 2012 à 01:17 #16187

Mise en forme des messages

fenouil
Membre
Avatar

Inscription : 02 avril 2008
Messages : 858
Site web

Whaaa!! Merci



et bonne année 2012 !
Le mardi 10 janvier 2012 à 11:06 #16283

Mise en forme des messages

Saah
Membre
Avatar

Inscription : 02 septembre 2011
Messages : 112

Bravo Dzana, ces nouvelles fonctions améliorent le confort du saisie d'un message *
Le mardi 10 janvier 2012 à 23:05 #16303

Mise en forme des messages

Dzana
Membre
Avatar

Inscription : 13 février 2008
Messages : 1499
Site web

De rien, ce fut un plaisir *

_____________
Carnets

Accueil forums > Fonctionnement du forum, questions techniques > Mise en forme des messages
Informations du forum
Statistiques du forum :
Nombre d'utilisateurs : 890
Nombre de discussions : 1287
Nombre de messages : 16315
Informations utilisateurs
Dernier utilisateur inscrit : Amine
Membres en ligne : 0
Invités en ligne : 7
Actuellement en ligne :
bhinfo, l'actualité bosnienne Dzana
Tous droits réservés - Site, forum et blog auto-propulsés par un CMS fait maison