Team-Usva



 
AccueilPortailCalendrierFAQRechercherMembresS'enregistrerConnexion

Partagez | 
 

 BBcodes

Aller en bas 
AuteurMessage
Lyvie
Colonel Graphiste
Colonel Graphiste
avatar

Messages : 315
Date d'inscription : 20/01/2010
Age : 21
Localisation : bourgogne

MessageSujet: BBcodes   Ven 21 Mai - 18:36

faites gaffes c'est très long ne lisez que ce qui vous interesse :p

Bonjour a tous comme vous le savez, je vais vous mettre un topik donc qui montre l'utilisasion des boutons du fofo :


Guide du BBCode

Introduction
Qu'est-ce que le BBCode ?

Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au style du HTML, les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affiché. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.

Mise en forme du Texte
Créer du texte en gras, italique, souligné et barré

Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes :

* Pour rendre une partie de texte en gras:

Code:
Salut

Résultat: Salut

* Pour souligner un texte:

Code:
Bonjour

Résultat: Bonjour

* Pour mettre un texte en italique:

Code:
Super!

Résultat: Super!

* Pour barrer un texte:

Code:
test

Résultat: test

Changer la taille, la couleur ou la police du texte

Pour changer la couleur, la taille ou la police de votre texte, les balises suivantes peuvent êtres utilisées (ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation):

* Pour changer la couleur de votre texte, vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, etc.), ou soit un code couleur hexadecimal (ex: #FFFFFF, #000000):

Code:
Couleur rouge (red) ou Couleur rouge (#FF0000)

Résultat: Couleur rouge (red) ou Couleur rouge (#FF0000)

* Pour changer la taille de votre texte se réalise, vous devez spécifier la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 29 (très grand):

Code:
PETIT ou ENORME

Résultat: PETIT ou ENORME

* Pour changer la police, vous devez spécifier une police reconnue (ex: Verdana, Arial) si un utilisateur ne dispose pas de cette police une par défaut lui sera affiché :

Code:
Police Arial ou Police Comic Sans Ms

Résultat: Police Arial ou Police Comic Sans Ms

Puis-je combiner les balises de mise en forme ?

Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous pouvez écrire:

Code:
REGARDEZ MOI !

devrait donner :REGARDEZ MOI !

Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rappelez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect:

Code:
Ceci est incorrect

La forme qui convient est :

Code:
Ceci est correct

Citation et texte à pas-fixe
Citation dans les réponses

Il y a deux méthodes pour citer un texte, avec ou sans référence.

* L'exemple de la référence, pour citer un texte écrit par M. Dupont, vous devrez entrer:

Code:
[quote="M. Dupont" ] Le texte écrit par M. Dupont devra être placé ici[/quote]

Résultat :

M.Dupont a écrit:Le texte écrit par M. Dupont devra être placé ici


Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.

* La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser :

Code:
[quote ]Citation sans référence[/quote]

Résultat :

Citation sans référence

Code ou police à pas-fixe

Si vous voulez afficher des lignes de code (HTML ou autres) ou toute chose qui nécessite une police à pas-fixe (exemple avecla police "Courrier"), vous devez utilisez le bbcode suivant :

Code:
[code ]echo "Ceci est du code";[/code]

Résultat :

Code:
echo "Ceci est du code";


C'est exactement ce que nous utilisons dans cette aide pour vous montrer tous les bbcodes que vous pouvez utilisez.

Création de Listes
Créer une liste non-ordonnée

Une liste non-ordonnée produit une liste dont les entrées sont les unes en-dessous des autres et indentées avec une puce.

* Pour créer une liste non-ordonnée, utilisez :

Code:

[* ]Rouge
[* ]Bleu
[* ]Jaune
[ /list]

Résultat :
o Rouge
o Bleu
o Jaune

Créer une liste ordonnée

Le second type de liste vous donne le contrôle sur ce qui va être affiché avant chaque entrée. Pour créer une liste ordonnée, deux possibilités s'offre à vous :

* Une liste numérotée :

Code:

  1. Faire les magasins
  2. Acheter un nouvel ordinateur
  3. Injurier son ordinateur lorsqu'il plante


Résultat :
1. Faire les magasins
2. Acheter un nouvel ordinateur
3. Injurier son ordinateur lorsqu'il plante

* Une liste alphabétique :

Code:

  1. La première réponse possible
  2. La seconde réponse possible
  3. La troisième réponse possible


Résultat :
1. La première réponse possible
2. La seconde réponse possible
3. La troisième réponse possible

Création de Liens
Créer un lien vers un autre site

Le BBCode supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.

* Première méthode, par exemple pour créer un lien vers forumactif.com vous devez utiliser :

Code:
Visitez forumactif.com !

Résultat : Visitez forumactif.com !.
Vous remarquerez que le lien ouvre une nouvelle fenêtre, l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite.

* Deuxième méthode, si vous voulez que le lien affiche directement l'URL :

Code:
http://www.forumactif.com/

Résultat : http://www.forumactif.com/

* Troisième méthode, 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 ou http://. Par exemple, en tapant

Code:
www.forumactif.com

dans votre message, celui-ci sera automatiquement convertit en lien : www.forumactif.com.


TOUS LES ESPACES QUI SONT MIS ENTRE LES CROCHET SONT VOLONTAIRES. POUR QUE VOTRE CODE MARCHE : EFFACER LEZ !

------------- Team - Usva -------------


Dernière édition par Lyvie le Ven 21 Mai - 18:48, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Lyvie
Colonel Graphiste
Colonel Graphiste
avatar

Messages : 315
Date d'inscription : 20/01/2010
Age : 21
Localisation : bourgogne

MessageSujet: Re: BBcodes   Ven 21 Mai - 18:37

suite de ce " long " message :p


Affichage d'images dans les messages
Ajouter une image à un message

Le BBCode inclut une balise pour incorporer des images à vos messages. Deux importants points à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et deuxièment 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.
Pour afficher une image, vous devez procéder comme ceci :

Code:
[ img]http://illiweb.com/fa/i/forumactif.png[/img]

Résultat :
.
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), par exemple:

Code:


Résultat :
Positionnement du texte

Quatre possibilités de positionnements vous sont proposés :

* L'alignement à gauche :

Code:
Phrase alignée à gauche

Résultat :
Phrase alignée à gauche

* Le centrage :

Code:
[ center]Phrase centrée[/center]

Résultat :
Phrase centrée

* L'alignement à droite :

Code:
[ right]Phrase alignée à droite[/right]

Résultat :
Phrase alignée à droite

* La justification :

Code:
[ justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]

Résultat :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.

Insérer des médias dans les messages
Ajouter une animation flash à un message

Vous disposez de deux méthodes pour insérer une animation flash dans votre message.

* Première méthode avec le BBcode flash:

Code:
[ flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/flash]
[ flash(200,40) ]http://illiweb.com/fa/i/test_bbcode.swf[/flash]

Résultat :

* Deuxièment méthode avec le BBcode embed-flash :

Code:
[ embed-flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]
[embed-flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/embed-flash ]

Résultat :

N'oubliez pas indiquer la largeur puis la hauteur de l'animation flash entre les parenthèses de la balise BBcode utilisée.
Ajouter une vidéo à un message

Vous pouvez poster dans vos messages des vidéos que vous rencontrez sur l'un de ces deux sites :

* Le premier site est Youtube. Vous devez copier le code se trouvant dans le champ Embed et procéder ainsi :

Code:
[ youtube]code - Embed[/youtube]
[youtube ]code - Embed[/youtube]

* Le deuxièment site est Dailymotion. Vous devez copier le code se trouvant dans le champ Lecteur Exportable et procéder ainsi :

Code:
[ dailymotion]code - lecteur Exportable[/dailymotion]
[dailymotion ]code - lecteur Exportable[/dailymotion]

N'oubliez pas de copier le code entre les deux balises bbcodes correspondant à l'hébergeur que vous avez choisi.

Création de tableaux
Créer un tableau dans un message

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

* Par exemple, pour créer un tableau de deux lignes et de trois colonnes, vous devez procéder ainsi :

Code:
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

Résultat :
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

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

Code:
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

Résultat :
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

D'autres attributs disponibles sont par exemple: cellspacing, cellpadding, width, etc.

Les tableaux sont à manipuler avec précaution, veillez à bien respecter l'ouverture puis la fermeture des BBcodes. Si une erreur d'ouverture ou fermeture est commise, vous risquerez de ne pas obtenir ce que vous souhaitiez.

Défilement d'un message
Faire défiler un message horizontalement

Si vous désirez faire défiler un texte horizontalement,vous devez utilisez le BBcode suivant :

Code:
Mon message

Résultat : Mon message
Faire défiler un message verticalement

La deuxième façon de faire défiler un texte est verticalement grâce au BBcode suivant :

Code:
Mon message

Résultat : Mon message

BBcodes d'apparence
Insérer une ligne

Si vous souhaitez aérer votre message en y insérant des lignes, vous pouvez utiliser ce BBcode :

Code:
Mon premier messageMon deuxième message

Résultat :
Mon premier messageMon deuxième message

Mettre en indice ou en exposant

Si vous souhaitez mettre du texte en indice ou exposant (utile pour les maths), deux BBcodes vous sont proposés :

* Première méthode, pour mettre en indice :

Code:
x[ sub]a+b[/sub]

Résultat : xa+b

* Deuxième méthode, mettre en exposant :

Code:
2[ sup]ème[/sup] jour

Résultat : 2ème jour

BBcodes d'effets

Quatre BBcodes produisant des effets sur les messages sont à votre disposition. Néanmoins, ces BBcodes ne sont compatibles que sous Internet Explorer avec un forum en version phpBB2.

* La première est une effet miroir vertical (symétrie verticale) sur le texte :

Code:
Effet miroir vertical

Résultat : Effet miroir vertical

* La deuxième est un effet miroir horizontal (symétrie horizontale) sur votre message :

Code:
Effet miroir horizontal

Résultat : Effet miroir horizontal

* Si vous souhaitez un effet flou sur votre message, vous pouvez utiliser ce BBcode :

Code:
Message flou

Résultat : Message flou

* Le dernier BBcode d'effet est celui du dégradé sous la forme de :

Code:
Effet de dégradé

Résultat : Effet de dégradé

Divers BBcodes
Obtenir un nombre aléatoire


NE vous en faites pas : même moi ya des choses que j'ai aps compris et des choses qui ne s'affiche pas ... pourquoi je ne sais pas ^^ m'enfin avec sa au moins vous pouvez voir tous ce que les bouton d'un forum peux faire :p !
Bref ... vous allez me manquée les coupains ! je vous aimes tous fort a très bientot !

------------- Team - Usva -------------


Dernière édition par Lyvie le Sam 23 Oct - 12:12, édité 4 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Lyvie
Colonel Graphiste
Colonel Graphiste
avatar

Messages : 315
Date d'inscription : 20/01/2010
Age : 21
Localisation : bourgogne

MessageSujet: Re: BBcodes   Ven 21 Mai - 18:39

je precise car c'esy un peux mal foutus ce machin ^^ donc je vais mettre a coté de ce quoi donné le code : le code ^^ vous aller pas comprendre :p pas rave :p !

------------- Team - Usva -------------
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: BBcodes   

Revenir en haut Aller en bas
 
BBcodes
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Team-Usva :: Graphisme :: Demande de création :: Autre-
Sauter vers: