Sujet du message: Tutoriel d'utilisation des BBcodes
Publié: Mer 01 Avr 2009, 15:58
Admin - Webmestre
Inscrit le: Dim 14 Jan 2007, 20:12 Messages: 3243 Localisation: Chez les Marxistes !!!
Attention à bien respecter l'ordre d'ouverture et de fermeture des balises, elles doivent être enclavées obligatoirement, en quinconce ça décalera l'application des codes.
Balise BBcode "Quote"
Code:
Citation simple [quote]Texte à citer[/quote]
Citation avec patronyme [quote="pseudo"]Texte à citer[/quote]
Résultat citation simple
Citation:
Texte à citer
Résultat citation avec patronyme
pseudo a écrit:
Texte à citer
NDLR : un fil de discussion peut être suivi grâce à cette fonction et permet l'affichage de plusieurs citations sous forme de pyramide. Lors d'une réponse à un sujet par exemple, on peut faire un défilement vers le bas et cliquer sur un message antérieur d'un autre auteur pour l'ajouter à l'emplacement du curseur dans la zone de saisie du texte...
Le résultat sont les fenêtres utilisées dans ce tutoriel pour afficher les codes.
NDLR : La balise "code" permet d'inclure du code html brut pour indiquer à quelqu'un un code à appliquer quelque part par exemple pour une mise en page. Une fonction similaire est possible en désactivant les bbcodes par exemple, mais à ce moment là ça concernera tout le message et non plus une zone du texte
Pour les images avec lien voir ci-dessous "url&img"
Résultat image simple
NDLR : Vous devez coller le lien direct de l'image/photo (Direct Link), vous pouvez suivre le tutoriel Imageshack pour apprendre à uploader une image/photo en ligne
Mise en page avec cadre [Cadre=Titre d'un film par exemple]Synopsis du dit film par exemple
Un jour un jeune vieillard assis debout sur un banc de pierre en bois bla bla bla bla bla bla bla bla iuGVIAGUHÖHOIVBhvoiHihoihdohbgôiqhshbqhbq hijoijtojorthioihthsothio^qitaijqhiopjirtophsrijtophj^rjthqa oihtoij^srthihtoijtohrpitjpjthpjit$ph$prjt$hpojpojhpojtphiojthpijh$pj$rphj$pjo$pthj$pojh bisous bisous....et là un cri !!!![/Cadre]
Résultat mise en page avec cadre
NDLR : Faites pas attention il est tard et ce tutoriel est long à faire Bref, ce BBcode est très utile pour mettre en page facilement ^^
Mise en page centrée [Center]Texte avec tous les autres BBcodes possibles[/Center]
Résultat mise en page centrée
Texte avec tous les autres BBcodes possibles
NDLR : Sert à centrer les textes, images, vidéos, etc .... peut s'appliquer en fin de texte, il suffit de mettre en surbrillance l'ensemble et de cliquer sur la balise pour que tout le message soit centré
Insertion d'une vidéo simple dailymotion [Dailymotion]x8sbfx_lete-en-vallee-daulps_travel[/Dailymotion]
Le code se trouvant ci-dessous est celui que l'on peut récupérer sous une vidéo sur le site dailymotion. Dans tout ce code nous n'avons besoin que de la partie en bleu entre ...swf/ et &related... Sur certains code cela peut différer, mais en général il sera dans ce format et peut-être plus court.
Résultat d'insertion d'une vidéo simple dailymotion
NDLR : Le contenu des vidéos postées peut à tout moment être supprimé par les modérateurs ou administrateurs, si ces dernières ne respectent pas les règles établies par l'administration du forum.
Insertion d'une vidéo simple youtube [Youtube]MA7Hg7vXHGo[/Youtube]
Le code se trouvant ci-dessous est celui que l'on peut récupérer sous une vidéo sur le site youtube. Dans tout ce code nous n'avons besoin que de la partie en bleu entre .../v/ et &hl=fr&fs... Sur certains code cela peut différer, mais en général il sera dans ce format et peut-être plus court.
NDLR : Le contenu des vidéos postées peut à tout moment être supprimé par les modérateurs ou administrateurs, si ces dernières ne respectent pas les règles établies par l'administration du forum.
Ce tutoriel est susceptible d'être modifié ou complété à tout moment. Si vous pensez pouvoir apporter des informations supplémentaires, merci de les noter en réponse à ce tutoriel. Il à était fait par mes soins ( zingk - http://www.c-g2.com ) et je le mets librement en circulation en vous fournissant ci-dessous le code de mise en page qui sera mis à jour en même temps que le message
Code:
[color=#BF4000]Attention à bien respecter l'ordre d'ouverture et de fermeture des balises, elles doivent être enclavées obligatoirement, en quinconce ça décalera l'application des codes.[/color]
[code] Citation simple [quote]Texte à citer[/quote]
Citation avec patronyme [quote="pseudo"]Texte à citer[/quote][/code]
Résultat citation simple [quote]Texte à citer[/quote]
Résultat citation avec patronyme [quote="pseudo"]Texte à citer[/quote]
[u]NDLR :[/u] un fil de discussion peut être suivi grâce à cette fonction et permet l'affichage de plusieurs citations sous forme de pyramide. Lors d'une réponse à un sujet par exemple, on peut faire un défilement vers le bas et cliquer sur un message antérieur d'un autre auteur pour l'ajouter à l'emplacement du curseur dans la zone de saisie du texte...
Le résultat sont les fenêtres utilisées dans ce tutoriel pour afficher les codes.
[u]NDLR :[/u] La balise "code" permet d'inclure du code html brut pour indiquer à quelqu'un un code à appliquer quelque part par exemple pour une mise en page. Une fonction similaire est possible en désactivant les bbcodes par exemple, mais à ce moment là ça concernera tout le message et non plus une zone du texte
[u]NDLR :[/u] Vous devez coller le lien direct de l'image/photo (Direct Link), vous pouvez suivre le tutoriel Imageshack pour apprendre à uploader une image/photo en ligne
[code] Mise en page avec cadre [Cadre=Titre d'un film par exemple]Synopsis du dit film par exemple
Un jour un jeune vieillard assis debout sur un banc de pierre en bois bla bla bla bla bla bla bla bla iuGVIAGUHÖHOIVBhvoiHihoihdohbgôiqhshbqhbq hijoijtojorthioihthsothio^qitaijqhiopjirtophsrijtophj^rjthqa oihtoij^srthihtoijtohrpitjpjthpjit$ph$prjt$hpojpojhpojtphiojthpijh$pj$rphj$pjo$pthj$pojh bisous bisous....et là un cri !!!![/Cadre] [/code]
Résultat mise en page avec cadre
[cadre=Titre d'un film par exemple]Synopsis du dit film par exemple
Un jour un jeune vieillard assis debout sur un banc de pierre en bois bla bla bla bla bla bla bla bla iuGVIAGUHÖHOIVBhvoiHihoihdohbgôiqhshbqhbq hijoijtojorthioihthsothio^qitaijqhiopjirtophsrijtophj^rjthqa oihtoij^srthihtoijtohrpitjpjthpjit$ph$prjt$hpojpojhpojtphiojthpijh$pj$rphj$pjo$pthj$pojh bisous bisous....et là un cri !!!![/cadre]
[u]NDLR :[/u] Faites pas attention il est tard et ce tutoriel est long à faire :lol: Bref, ce BBcode est très utile pour mettre en page facilement ^^
[code] Mise en page centrée [Center]Texte avec tous les autres BBcodes possibles[/Center] [/code]
Résultat mise en page centrée [center]Texte avec tous les autres BBcodes possibles[/center]
[u]NDLR :[/u] Sert à centrer les textes, images, vidéos, etc .... peut s'appliquer en fin de texte, il suffit de mettre en surbrillance l'ensemble et de cliquer sur la balise pour que tout le message soit centré
[code] Insertion d'une vidéo simple dailymotion [Dailymotion]x8sbfx_lete-en-vallee-daulps_travel[/Dailymotion] [/code]
Le code se trouvant ci-dessous est celui que l'on peut récupérer sous une vidéo sur le site dailymotion. Dans tout ce code nous n'avons besoin que de la partie en [color=#4080FF]bleu[/color] entre [b]...swf/ et &related...[/b] Sur certains code cela peut différer, mais en général il sera dans ce format et peut-être plus court.
Résultat d'insertion d'une vidéo simple dailymotion [dailymotion]x8sbfx_lete-en-vallee-daulps_travel[/dailymotion]
[u]NDLR :[/u] Le contenu des vidéos postées peut à tout moment être supprimé par les modérateurs ou administrateurs, si ces dernières ne respectent pas les règles établies par l'administration du forum.
[code] Insertion d'une vidéo simple youtube [Youtube]MA7Hg7vXHGo[/Youtube] [/code]
Le code se trouvant ci-dessous est celui que l'on peut récupérer sous une vidéo sur le site youtube. Dans tout ce code nous n'avons besoin que de la partie en [color=#4080FF]bleu[/color] entre [b].../v/ et &hl=fr&fs...[/b] Sur certains code cela peut différer, mais en général il sera dans ce format et peut-être plus court.
Résultat d'insertion d'une vidéo simple youtube [youtube]MA7Hg7vXHGo[/youtube]
[u]NDLR :[/u] Le contenu des vidéos postées peut à tout moment être supprimé par les modérateurs ou administrateurs, si ces dernières ne respectent pas les règles établies par l'administration du forum.
Utilisateurs parcourant actuellement ce forum : Aucun utilisateur enregistré et 0 invités
Vous pouvez publier de nouveaux sujets dans ce forum Vous pouvez répondre aux sujets dans ce forum Vous ne pouvez pas éditer vos messages dans ce forum Vous ne pouvez pas supprimer vos messages dans ce forum Vous ne pouvez pas insérer de pièces jointes dans ce forum