Pour découvrir ou partager des gestes Eco-Citoyens ou EcoGestes. Pour Débattre d'Ecologie, de respect de l'Environnement, du réchauffement climatique, de la biodiversité... Pour agir en Ecocitoyen grâce à une protection de l'environnement au quotidien
Le BBCode ( Bulletin Board Code) est une implémentation spéciale du HTML, l'activation de l'utilisation du BBCode est déterminée par l'administrateur (vous pouvez aussi le désactiver sur un message en particulier 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ée.
Les balises BBCode servent en premier lieu à accnetuer vos propos lors de la rédaction de vos messages grâce à l'utilisation, comme dans un traitement de texte, des fonctions "mettre en gras", "souligner", "mettre en italique", "centrer le texte" etc
Mais pas seulement, les balises BBCode vous permettent également de citer des parties de texte ( sans oublier de préciser l'auteur et le lien de la page si nécessaire ), des parties de code.
Vous pouvez également cacher des parties de texte pour rendre un message plus clair, plus lisible ... Enfin vous pouvez désormais insérer des vidéos ou des fichier audio en lecture directe à l'intérieur d'un message !
Pour insérer des balises dans un message, il faut bien avoir conscience qu'il vous faudra toujours une balise de début et une balise de fin, si vous oubliez l'une ou l'autre, vous risquez d'avoir des problèmes d'affichage.
Dans tous les cas, vous avez besoin d'une balise de départ, qui se compose souvent d'un mot anglais, comme "quote" qui signifie "citer", entre deux crochets [ et ].
Mais aussi d'une balise de fin pour fermer votre BBCode qui est composé de la même façon que la balise de début mais on rajoute un slash avant le mot : "/quote" entre les crochets bien sûr [ et ].
En mettant un texte à l'intérieur de cette balise, votre texte devient plus épais :
[b]Un Texte ici pour l'exemple[/b]
Ce qui donne : Un Texte ici en caractère gras
Texte Italique :
Spoiler:
En mettant un texte à l'intérieur de cette balise, les lettres de votre texte seront penchées vers la droite :
[i]Un Texte ici pour l'exemple[/i]
Ce qui donne : Un Texte en italique
Texte Souligné :
Spoiler:
En mettant un texte à l'intérieur de cette balise, votre texte sera souligné :
[u]Un Texte ici pour l'exemple[/u]
Ce qui donne : Un Texte souligné
Citation :
Spoiler:
En mettant un texte à l'intérieur de cette balise, il apparaitra comme une citation dans un cadre blanc :
[quote]Un Texte ici pour l'exemple[/quote]
Ce qui donne :
Citation:
Le texte que vous voulez citer
Il est très important de citer les textes et de citer ses sources de manière à conserver le texte original d'une part et à rendre hommage à l'auteur du texte.
- Variante : Vous pouvez également citer l'auteur du texte ou le nom du site Internet d'où provient le texte en ajoutant à la première balise : ="Nom de l'auteur" comme dans l'exemple ci-dessous :
[quote="Nom de l'auteur du texte"]Le texte que vous voulez citer.[/quote]
Ce qui donne :
« Nom de l'auteur du texte » a écrit:
Le texte que vous voulez citer. Désormais, vous voyez le nom de l'auteur dans le bandeau bleu ci-dessus
Afficher du Code :
Spoiler:
En mettant du code à l'intérieur de cette balise, il apparaitra comme tel dans un cadre blanc. Cela fonctionne avec du code PHP, HTML ou encore des BBCode :
[code]Affichage de code [b]en gras[/b][/code]
Ce qui donne :
Affichage de code [b]en gras[/b]
Liste :
Spoiler:
En mettant du texte à l'intérieur de cette balise, il apparaitra dans une liste aavec une nouvelle ligne à chaque fois que vous insérerez une étoile entre les crochets [ et ]. Notons également que si vous cliquez sur la balise vous verrez apparaître à côté de celle-ci grisée, la balise étoile :
[list]Titre de la liste :
[*] Premièrement
[*] Deuxièmement
[*] Ennièmement [/list]
Ce qui donne :
Titre de la liste :
Premièrement
Deuxièmement
Ennièmement
Liste Ordonnée :
Spoiler:
En cliquant sur la balise correspondant à la Liste Ordonnée, vous avez la possibilité, non pas d'avoir des points mais d'avoir une liste ordonnée en fonction du point de départ que vous aurez défini comme dans l'exemple :
[list=a]Titre de la liste :
[*] Premièrement
[*] Deuxièmement
[*] Ennièmement [/list]
Ce qui donne : Titre de la liste :
a. Premièrement
b. Deuxièmement
c. Ennièmement
Insérer une Image :
Spoiler:
Si vous avez le lien URL d'une image que vous souhaitez insérer dans le corps d'un message, vous pouvez le faire simplement avec cette balise :
Si vous souhaitez insérer une image contenue sur votre disque dur ou pour plus de détails, vous pouvez consulter l'excellent TUTO de Zolix ici
Insérer un Lien :
Spoiler:
Pour insérer un lien URL dans un corps de message, rien n'est plus simple, il vous suffit de copier/coller l'adresse URL dans le corps de message !
Si vous souhaitez écrire un texte cliquable qui renvoie à une adresse URL, alors vous pouvez utiliser cette balise de la manière suivante :
[url=http://www.eco-citoyen.org/Forum/]Le Forum Eco-Citoyen[/url]
Vous allez pouvoir utiliser le spoiler dans le but de cacher un textepour limiter la taille globale de votre message comm ici :
[spoil]J'écrit le texte que je souhaite cacher ici[/spoil]
Opacité : [spoil]Cela va vous permettre de rédiger un texte avec une faible opacité dans le but, par exemple, de différencier ce texte du texte principal de votre message par exemple, pour répondre à un membre ou lorsque vous déviez temporairement du sujet du topic. Le texte apparaitra normalement lorsque la souris passera dessus, faites l'essai plus bas
[fade]Ce texte a une faible opacité[/fade]
Ce qui donne : Ce texte a une faible opacité
Insérer un effet arc-en-ciel :
Spoiler:
C'est effet est assez simple à comprendre, il va vous permettre de mettre le texte entre les balises de couleur arc-en-ciel comme ici
[rainbow]Un texte de toute les couleurs[/rainbow]
Ce qui donne : Untextedetoutelescouleurs
Balises d'alignement du texte :
Spoiler:
Ces balises sont très connues et vont vous permettre soit de "Justifier", "d'aligner à droite", de "centrer" ou "d'aligner à gauche" comme dans l'exemple suivant :
[align=center]Ce texte est centré[/align]
Ce qui donne :
Ce texte est centré
Ancre lien
Ancre cible
Défilement du texte :
Spoiler:
Ces balises vont vous permettre de faire défiler du texte dans quatre directions :
"down" = Défilement du texte de haut en bas
"up" = Défilement du texte de bas en haut
"left" = Défilement du texte de droite à gauche
"right" = Défilement du texte de gauche à droite
[marq=right]Défilement du texte de gauche à droite[/marq]
Ce qui donne :
Insérer une adresse email :
Spoiler:
Cette balise vous permet d'insérer une adresse email dans le corps du message comme son nom l'indique :
Les vidéos YouTube sont devenues incontournables dans la bulle Internet et sont également un très bon moyen de diffuser des vidéos en tout genre. Pour obtenir des vidéos, vous pouvez vous rendre sur leur site : http://www.youtube.com/ .Vous pouvez désormais insérer des vidéos Youtube directement dans vos messages sur le Forum, ainsi, on aura plus besoin d'ouvrir une nouvelle fenêtre pour lire une vidéo, voici comment procéder :
Pour insérer différents types de fichiers audio ou vidéo, vous allez d'abord devoir définir quel est le type de vidéo que vous voulez insérer. Pour cela, il vous suffit de regarder l'extension, la fin de l'adresse URL du fichier ainsi :
Pour les fichiers de type : ".avi ou .wmv"
Pour les fichiers type streaming. ".mp3"
Pour les fichiers de type Real Media : ".rm ou .rma"
Pour les fichiers de type Quick Time : ".M4V"
Voici un exemple avec un fichier audio de type .ram, il s'agit de l'émission "CO2 mon amour" :
Comme son nom l'indique, en cliquant sur la flèche, vous allez pouvoir choisir différentes tailles de police de caractère pour votre texte, par défaut, vous avez :
Très petit : Taille 7
Petit : Taille 9
Normal : Taille 12
Grand : Taille 18
Très Grand : Taille 24
Vous pouvez également configurer vous même la taille de votre police en modifiant le chiffre comme dans l'exemple suivant :
[size=15]Ce texte est de taille 15[/size]
Ce qui nous donne : Ce texte est de taille 15
La Police :
Spoiler:
Grâce à cette balise, vous pouvez modifier la police de caractère comme dans n'importe quel traitement de texte, pour ce faire, il vous suffit d'écrire votre texte entre les balises comme dans l'exemple :
[font=Lucida Console]Ce texte est en police "Lucida COnsole"[/font]
Ce qui donne : Ce texte est en police "Lucida COnsole"
Basculer du mode couleur du texte à couleur d'arrière plan :
Spoiler:
Cette balise va vous permettre de mettre en valeur votre texte non pas en donnant une nouvelle couleur au texte mais à l'arrière plan derrière le texte pour donner un effet surligné. Il faudra donc d'abord cliquer sur cette balise, puis valider la couleur que vous souhaitez mettre en arrière plan et insérer votre texte entre les balise, ainsi on a :
[bcolor=#FFFF40]Ce texte a un effet surligné, n'est ce pas ?[/bcolor]
Ce qui donne : Ce texte a un effet surligné, n'est ce pas ?
N'oubliez pas lorsque vous avez fini d'utiliser cette balise de re-cliquer dessus afin de repasser en mode couleur de texte
Insérer un s'eparateur :
Spoiler:
Cette balise va vous permettre de clairement séparer plusieurs parties de votre message en ins'erant une ligne pleine entre vos paragraphes ou chapitre, on aura donc :
Le premier paragraphe [hr] Le deuxième paragraphe
Ce qui donne :
Le premier paragraphe Le deuxième paragraphe
Insérer un caractère spécial :
Spoiler:
Cette balise bien pratique va vous permettre d'insérer des codes que vous ne pouvez pas insérer par le seul biais de votre clavier. En sélectionnant le caractère spécial que vous voulez insérer, vous voyez en fait apparaitre le code HTML de celui-ci, mais pas de panique, lorsque vous validerez votre message, le caractère spécial apparaitra correctement comme ici :
Si cela vous arrive d'ouvrir plusieurs balises dans un seul message, pensez à vérifier si vous avez fermé toutes les balises avant de publier votre message en cliquant sur cette balise. Si rien n'apparait, alors vous avez correctement fermé vos balises, sinon des BBcodes de fermetures de balise apparaitront.
Couleur :
Spoiler:
Pour insérer de la couleur, il vous suffit de vous ballader sur cette palette et de coisir la couleur qui vous plait le mieux et ensuite d'insérer votre texte à l'intérieur des balises.
[color=#8000BF]Ce texte est de couleur violette, n'est ce pas ?[/color]
Ce qui donne : Ce texte est de couleur violette, n'est ce pas ?
Eco-citoyen.org regroupe plusieurs sites, forum, album photo, annuaire dont le but est de débattre de l'Ecocitoyenneté et du Respect de l'environnement.