Mode d'emploi du BBCode (Hide, Youtube, etc ...)

Demonking

Demonking

All Hail King Demon !
Membre du personnel
<u><b>Qu'est ce que le BB Code ?</b></u>
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 =.


<b>Gras:</b>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Votre texte<!--c2--></div><!--ec2-->

<i>Italique:</i>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Votre texte<!--c2--></div><!--ec2-->

<u>Souligné:</u>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Votre texte<!--c2--></div><!--ec2-->

<strike>Barré:</strike>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[strike]Votre texte[/strike]<!--c2--></div><!--ec2-->

<!--quoteo--><div class='quotetop'>Citation </div><div class='quotemain'><!--quotec-->Citer:<!--QuoteEnd--></div><!--QuoteEEnd-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
Votre texte
Cliquez pour agrandir...
<!--c2--></div><!--ec2-->

<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Code:<!--c2--></div><!--ec2-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
Code: 
Votre texte<!--c2--></div><!--ec2-->
<img src="http://img58.imageshack.us/img58/2460/imagean7.jpg" border="0" class="linked-image" />
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
<!--c2--></div><!--ec2-->

<a href="http://img55.imageshack.us/img55/4489/liendw8.jpg" target="_blank">Lien:</a>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Nom du lien<!--c2--></div><!--ec2-->

<div align='left'>Gauche:</div>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[scroll]Votre texte[/scroll]<!--c2--></div><!--ec2-->

<div align='center'>Centrer:</div>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
Votre texte​
<!--c2--></div><!--ec2-->

<div align='right'>Droite:</div>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
Votre texte​
<!--c2--></div><!--ec2-->

<!--coloro:darkred--><span style="color:darkred"><!--/coloro-->L<!--colorc--></span><!--/colorc--><!--coloro:red--><span style="color:red"><!--/coloro-->e<!--colorc--></span><!--/colorc--><!--coloro:eek:range--><span style="color:eek:range"><!--/coloro-->s<!--colorc--></span><!--/colorc--> <!--coloro:brown--><span style="color:brown"><!--/coloro-->c<!--colorc--></span><!--/colorc--><!--coloro:yellow--><span style="color:yellow"><!--/coloro-->o<!--colorc--></span><!--/colorc--><!--coloro:green--><span style="color:green"><!--/coloro-->u<!--colorc--></span><!--/colorc--><!--coloro:eek:live--><span style="color:eek:live"><!--/coloro-->l<!--colorc--></span><!--/colorc--><!--coloro:cyan--><span style="color:cyan"><!--/coloro-->e<!--colorc--></span><!--/colorc--><!--coloro:blue--><span style="color:blue"><!--/coloro-->u<!--colorc--></span><!--/colorc--><!--coloro:darkblue--><span style="color:darkblue"><!--/coloro-->r<!--colorc--></span><!--/colorc--><!--coloro:indigo--><span style="color:indigo"><!--/coloro-->s<!--colorc--></span><!--/colorc--><!--coloro:violet--><span style="color:violet"><!--/coloro-->:<!--colorc--></span><!--/colorc-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[color=le nom ou le numéro (exemple fdfdfd=blanc)(6 caractères maximum) de la couleur que vous voulez en anglais]Votre texte[/color]<!--c2--></div><!--ec2-->

<!--sizeo:1--><span style="font-size:8pt;line-height:100%"><!--/sizeo-->L<!--sizec--></span><!--/sizec--><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->e<!--sizec--></span><!--/sizec--><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo-->s<!--sizec--></span><!--/sizec--> <!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->t<!--sizec--></span><!--/sizec--><!--sizeo:5--><span style="font-size:18pt;line-height:100%"><!--/sizeo-->a<!--sizec--></span><!--/sizec--><!--sizeo:6--><span style="font-size:24pt;line-height:100%"><!--/sizeo-->i<!--sizec--></span><!--/sizec--><!--sizeo:7--><span style="font-size:36pt;line-height:100%"><!--/sizeo-->l<!--sizec--></span><!--/sizec--><!--sizeo:6--><span style="font-size:24pt;line-height:100%"><!--/sizeo-->l<!--sizec--></span><!--/sizec--><!--sizeo:5--><span style="font-size:18pt;line-height:100%"><!--/sizeo-->e<!--sizec--></span><!--/sizec--><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->s<!--sizec--></span><!--/sizec--><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo-->:<!--sizec--></span><!--/sizec-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[size=Un chiffre en 1 et 7]Votre texte[/size]<!--c2--></div><!--ec2-->

<a href="mailto:Machin@truc.fr">Insérez votre e-mail</a>:
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Le texte que vous voulez<!--c2--></div><!--ec2-->

<!--fonto:Arial--><span style="font-family:Arial"><!--/fonto-->C<!--fontc--></span><!--/fontc--><!--fonto:Arial Black--><span style="font-family:Arial Black"><!--/fonto-->h<!--fontc--></span><!--/fontc--><!--fonto:Arial Narrow--><span style="font-family:Arial Narrow"><!--/fonto-->a<!--fontc--></span><!--/fontc--><!--fonto:Book Antiqua--><span style="font-family:Book Antiqua"><!--/fonto-->n<!--fontc--></span><!--/fontc--><!--fonto:Century Gothic--><span style="font-family:Century Gothic"><!--/fonto-->g<!--fontc--></span><!--/fontc--><!--fonto:Comic Sans Ms--><span style="font-family:Comic Sans Ms"><!--/fonto-->e<!--fontc--></span><!--/fontc--><!--fonto:Courier New--><span style="font-family:Courier New"><!--/fonto-->m<!--fontc--></span><!--/fontc--><!--fonto:Fixedsys--><span style="font-family:Fixedsys"><!--/fonto-->e<!--fontc--></span><!--/fontc--><!--fonto:Franklin Gothic Medium--><span style="font-family:Franklin Gothic Medium"><!--/fonto-->n<!--fontc--></span><!--/fontc--><!--fonto:Garamond--><span style="font-family:Garamond"><!--/fonto-->t<!--fontc--></span><!--/fontc--> <!--fonto:Georgia--><span style="font-family:Georgia"><!--/fonto-->d<!--fontc--></span><!--/fontc--><!--fonto:Impact--><span style="font-family:Impact"><!--/fonto-->e<!--fontc--></span><!--/fontc--> <!--fonto:Lucida Console--><span style="font-family:Lucida Console"><!--/fonto-->p<!--fontc--></span><!--/fontc--><!--fonto:Lucida Sans Unicode--><span style="font-family:Lucida Sans Unicode"><!--/fonto-->o<!--fontc--></span><!--/fontc--><!--fonto:Microsoft Sans Serif--><span style="font-family:Microsoft Sans Serif"><!--/fonto-->l<!--fontc--></span><!--/fontc--><!--fonto:palatino Linotype--><span style="font-family:palatino Linotype"><!--/fonto-->i<!--fontc--></span><!--/fontc--><!--fonto:System--><span style="font-family:System"><!--/fonto-->c<!--fontc--></span><!--/fontc--><!--fonto:Tahoma--><span style="font-family:Tahoma"><!--/fonto-->e<!--fontc--></span><!--/fontc--><!--fonto:Times New Roman--><span style="font-family:Times New Roman"><!--/fonto-->:<!--fontc--></span><!--/fontc-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->Votre texte<!--c2--></div><!--ec2--><ul>Liste à points:</li><li>Je ne sais pas quoi mettre</li><li>Et la encore moins</li></ul><!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
  • Votre texte
  • Votre texte
  • Votre Texte
<!--c2--></div><!--ec2--><ol type='1'>Liste à chiffres:</li><li>Je ne sais pas quoi mettre</li><li>Et la encore moins</li></ol><!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
  1. Votre texte
  2. Votre texte
  3. Votre Texte
<!--c2--></div><!--ec2--><ol type='a'>Liste à lettres</li><li>Je ne sais pas quoi mettre</li><li>Et la encore moins</li></ol><!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
  • Votre texte
  • Votre texte
  • Votre Texte
<!--c2--></div><!--ec2--><ol type='i'>Liste à "i"s</li><li>Je ne sais pas quoi mettre</li><li>Et la encore moins</li></ol><!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
  • Votre texte
  • Votre texte
  • Votre Texte
<!--c2--></div><!--ec2-->

<!--sql--><div class='sqltop'>SQL</div><div class='sqlmain'><!--sql1--><span style='color:blue;font-weight:bold'>SELECT</span> t.tid <span style='color:green'>FROM</span> <span style='color:eek:range'>a_table</span> <span style='color:eek:range'>t </span><span style='color:green'>WHERE</span> t.val<span style='color:eek:range'>=</span><span style='color:red'>"This Value"</span> <!--sql2--></div><!--sql3-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[sql]
Le code SQL que vous voulez
[/sql]<!--c2--></div><!--ec2-->

<!--html--><div class='htmltop'>HTML</div><div class='htmlmain'><!--html1--><<span style='color:blue'>a</span> href="<span style='color:eek:range'>test/page.html</span>">A Test Page<<span style='color:blue'>/a</span>><!--html2--></div><!--html3-->
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->
HTML: 
Le code html que vous voulez
[/hml]<!--c2--></div><!--ec2-->

<a href="index.php?act=findpost&pid=100"><{POST_SNAPBACK}></a>

<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[snapback]Le numéro de post que voulez[/snapback]<!--c2--></div><!--ec2-->

<a href='index.php?showtopic=100'>
Clique ici! Bien sure après avoir finir de lire ce post...
</a>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[topic=Le numéro de topic que vous voulez]
Votre texte
[/topic]<!--c2--></div><!--ec2-->

<a href='index.php?act=findpost&pid=100'>
Clique ici! Bien sure après avoir finir de lire ce post...
</a>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[post=Le numéro de post que vous voulez]
Votre texte.
[/post]<!--c2--></div><!--ec2-->

<embed style="width:400px; height:326px;" 
id="VideoPlayback" type="application/x-shockwave-flash" src="http://www.youtube.com/v/yQuGb5qfNFQ">  </embed>
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[youtubevideo]La partie apres le "=" dans un lien de vidéo YOUTUBE uniquement.[/youtubevideo]<!--c2--></div><!--ec2-->

Le BBCode peut être mélanger...Exemple:<!--coloro:#CC0000--><span style="color:#CC0000"><!--/coloro--><b><i><u><!--fonto:Courier New--><span style="font-family:Courier New"><!--/fonto-->Voilà l'exemple!<!--fontc--></span><!--/fontc--></u></i></b><!--colorc--></span><!--/colorc-->
ATTENTION: Ceci n'est pas bon:
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[b][i][u]Voila ce qui est pas bon[/b][/i][/u]<!--c2--></div><!--ec2-->
Ceci est la bonne forme
<!--c1--><div class='codetop'>Code</div><div class='codemain'><!--ec1-->[b][i][u]Voila ce qui est pas bon[/u][/i][/b]<!--c2--></div><!--ec2-->
 
Thekronics

Thekronics

Super Admin
Membre du personnel
<!--quoteo(post=53968:date=Feb 21 2007, 10:39 PM:name=Deidara)--><div class='quotetop'>CITATION(Deidara @ Feb 21 2007, 10:39 PM) [snapback]53968[/snapback]</div><div class='quotemain'><!--quotec-->
on peut avoir un exemple de code sql ??
<!--QuoteEnd--></div><!--QuoteEEnd-->

<i><b>Je crois que y'a erreur dans ce que tu voulais dire, car dans le contexte, ça n'a pas bcp de sens.

Par ailleurs, Merci à Demon pour son tuto, il est clair, net et précis. ^_^ </b> </i>
 
Thekronics

Thekronics

Super Admin
Membre du personnel
<i><b><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo--><!--coloro:#FF0000--><span style="color:#FF0000"><!--/coloro--><u> :excl: Infos pour tous les membres, voici où se trouve désormais le lien pour masquer vos contenus ! :excl: </u><!--colorc--></span><!--/colorc--><!--sizec--></span><!--/sizec--></b></i>


<img src="http://www.catch-revolution.fr/forums/bans/hide_tuto.jpg" border="0" class="linked-image" />
 
Thekronics

Thekronics

Super Admin
Membre du personnel
<i><b> :excl: Voici également comment vous servir du nouveau bbcode Youtube, à noter que l'url à rentrer est en fait tout ce qui est après le signe "=" comme le montre le screenshot ci-dessous ! </b></i>

<img src="http://www.catch-revolution.fr/forums/bans/youtube_tuto.jpg" border="0" class="linked-image" />
 
Demonking

Demonking

All Hail King Demon !
Membre du personnel
<img src="http://s2.noelshack.com/old/up/dailymotion-fa10e7eb28.jpg" border="0" class="linked-image" />

Pour Dailymotion:
Exemple avec cette <a href="http://www.dailymotion.com/video/xb8o6l_2012-fin-du-monde-le-clip_fun" target="_blank">http://www.dailymotion.com/video/xb8o6l_20...nde-le-clip_fun</a>
C'est la partie de l'adresse après le <a href="http://www.dailymotion.com/video/" target="_blank">http://www.dailymotion.com/video/</a> et juste avec le _2012-fin-du-monde-le-clip_fun

Donc en général:
Après le <a href="http://www.dailymotion.com/video/" target="_blank">http://www.dailymotion.com/video/</a> et avant le _nom-de-la-vidéo_catégorie!
 
Vous devez vous connecter ou vous enregistrer pour répondre ici.
Haut