phpBB-fr.com

[lolovoisin]

» Liste de bbcodes.
Pour créer un BBcode, rendez vous sous votre panneau d'administrateur, onglet "MESSAGES, puis cliquez sur "BBCodes" et en bas à droite cliquez sur "Ajouter un nouveau BBCode". Pensez à cocher la case "Afficher sur la page de rédaction d’un message" pour voir votre bbcode sur la page de rédaction.

» BBCode Alignement
» BBCode Ancre
» BBCode Barré
» BBCode Clignotement
» BBCode Deezer
» BBCode Défilement Simple
» BBCode Défilement Complexe
» BBCode Exposant
» BBocde Google Video
» BBCode Image à coté d'un texte
» BBCode Indice
» BBCode Infobulle
» BBCode Spoiler
» BBCode Spoiler2
» BBCode Surligné Simple
» BBCode Surligné Complexe
» BBCode Thumbnail
» BBCode Wikipédia
» BBCode Zoom d'une image lors du passage de la souris


NB: LES BBCODES SONT DÉJÀ PRÊT A ÊTRE UTILISE, IL SUFFIT DE RECOPIER CE QUI EST DONNE DANS LE TUTORIEL, ET NE PAS FAIRE DE MODIFICATION DANS LE BBCODE LUI MÊME


-Edité par lolovoisin-
Motif: Mis à jour le 16/12/2009 10h07

[lolovoisin]

BBCode Barré
Utilisation du BBCode

Code: Tout sélectionner

[barre]{TEXT}[/barre]

Code HTML de remplacement

Code: Tout sélectionner

<span style="text-decoration:line-through;">{TEXT}</span>

Ligne d'aide

Code: Tout sélectionner

Texte barré

Retour à la liste des BBcodes

[lolovoisin]

BBCode Clignotement
Utilisation du BBCode

Code: Tout sélectionner

[clignote]{TEXT}[/clignote]

Code HTML de remplacement

Code: Tout sélectionner

<script type="text/javascript">
/*
SCRIPT DE L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
go_visibility = new Array;

function goblink()
   {
   if(document.getElementById && document.all)
      {
      blink_tab = document.getElementsByTagName('blink');
      for(a=0;a<blink_tab.length;a++)
         {
         if(go_visibility[a] != "visible")
            go_visibility[a] = "visible";
         else
            go_visibility[a] = "hidden";
         blink_tab[a].style.visibility=go_visibility[a];
         }
      }
   setTimeout("goblink()", 500);
   }

window.onload = goblink;
</script>
<blink>{TEXT}</blink>

Ligne d'aide

Code: Tout sélectionner

Texte qui clignote

Retour à la liste des BBcodes

[lolovoisin]

BBCode Défilement Simple
Utilisation du BBCode

Code: Tout sélectionner

[defil]{TEXT}[/defil]

Code HTML de remplacement

Code: Tout sélectionner

<marquee>{TEXT}</marquee>

Ligne d'aide

Code: Tout sélectionner

Faire défiler du texte

Retour à la liste des BBcodes

[lolovoisin]

BBCode Défilement Complexe
La couleur du fond est celle de prosilver par defaut Vous pouvez modifier la couleur du background en modifiant le code couleur #e1ebf2.

Utilisation du BBCode

Code: Tout sélectionner

[defilement={NUMBER},{TEXT}]{TEXT1}[/defilement]

Code HTML de remplacement

Code: Tout sélectionner

<MARQUEE SCROLLAMOUNT="{NUMBER}" DIRECTION="{TEXT}" BGCOLOR="#e1ebf2" TEXT="black">
{TEXT1}
</MARQUEE>

Ligne d'aide

Code: Tout sélectionner

[defilement={vitesse},{left ou right}]{le texte à faire défiler}[/defilement]

Retour à la liste des BBcodes

[lolovoisin]

BBCode Exposant
Utilisation du BBCode

Code: Tout sélectionner

[exposant]{TEXT}[/exposant]

Code HTML de remplacement

Code: Tout sélectionner

<sup>{TEXT}</sup>

Ligne d'aide

Code: Tout sélectionner

Texte en exposant

Retour à la liste des BBcodes

[lolovoisin]

BBCode Indice
Utilisation du BBCode

Code: Tout sélectionner

[indice]{TEXT}[/indice]

Code HTML de remplacement

Code: Tout sélectionner

<sub>{TEXT}</sub>

Ligne d'aide

Code: Tout sélectionner

Texte en indice

Retour à la liste des BBcodes

[lolovoisin]

BBCode Spoiler
Utilisation du BBCode

Code: Tout sélectionner

[spoiler]{TEXT}[/spoiler]

Code HTML de remplacement

Code: Tout sélectionner

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><strong> </strong>   <input type="button" value="Afficher" style="width:60px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Ligne d'aide

Code: Tout sélectionner

[spoiler]{TEXT}[/spoiler]

Retour à la liste des BBcodes

[lolovoisin]

BBCode Spoiler2
Ce bbcode permet de faire afficher une partie visible et si on clique dessus de voir la partie caché en dessous.

Utilisation du BBCode

Code: Tout sélectionner

[spoiler2]{TEXT1}|{TEXT2}[/spoiler2]

Code HTML de remplacement

Code: Tout sélectionner

<dl class="codebox" style="padding-bottom: 0px !important;"><span onclick="var elementmode = this.getElementsByTagName('span');for(var i=0;i<elementmode.length;i++){if(elementmode[i].title == 'hereitis'){elementmode[i].style.display=(!elementmode[i].style.display)?'none':'';}}"><dt style="margin-bottom: 0px !important;">{TEXT1}</dt><span title="hereitis" style="display:none;padding-left:20px;padding-bottom: 3px">{TEXT2}</span></span></dl>

Ligne d'aide

Code: Tout sélectionner

[spoiler2]Texte visible | Texte visible seulement si on clique sur la partie visible[/spoiler2]

PS: Pour séparer les deux parties de texte utiliser le symbole | avec AltGr + 6

Retour à la liste des BBcodes

[lolovoisin]

BBCode Surligné Simple
La couleur par défaut est jaune. Vous pouvez la modifier directement dans le code html en remplaçant "dcff41" par votre code couleur.

Utilisation du BBCode

Code: Tout sélectionner

[surligne]{TEXT}[/surligne]

Code HTML de remplacement

Code: Tout sélectionner

<span style="background-color:#dcff41; cursor: default">{TEXT}</span>

Ligne d'aide

Code: Tout sélectionner

[surligne]{message}[/surligne]

Retour à la liste des BBcodes

[lolovoisin]

BBCode Surligné Complexe
Utilisation du BBCode

Code: Tout sélectionner

[surlignement={IDENTIFIER}]{TEXT}[/surlignement]

Code HTML de remplacement

Code: Tout sélectionner

<span style="background-color:#{IDENTIFIER}; cursor: default">{TEXT}</span>

Ligne d'aide

Code: Tout sélectionner

[surlignement={code couleur}]{message}[/surlignement]

Retour à la liste des BBcodes

[Elglobo]

BBCode Alignement
Utilisation du BBCode

Code: Tout sélectionner

[align={TEXT1}]{TEXT2}[/align]

Code HTML de remplacement

Code: Tout sélectionner

<div style="text-align: {TEXT1};">{TEXT2}</div>

Ligne d'aide

Code: Tout sélectionner

Aligner du texte

Vous pourrez alors utiliser le BBCode de cette manière

• Alignement à gauche
  

  Code: Tout sélectionner

  [align=left]Texte aligné à gauche[/align]

  
  
• Alignement à droite
  

  Code: Tout sélectionner

  [align=right]Texte aligné à droite[/align]

  
  
• Alignement au centre
  

  Code: Tout sélectionner

  [align=center]Texte centré[/align]

Retour à la liste des BBcodes

[lolovoisin]

BBCode Zoom d'une image lors du passage de la souris
Utilisation du BBCode

Code: Tout sélectionner

[imagezoom={TEXT}]{URL}[/imagezoom]

Code HTML de remplacement

Code: Tout sélectionner

    <script language="JavaScript">
    <!--
    //PLF-http://www.jejavascript.net/
    var coeff=4;//Coefficient de reduction
    var larg=500;//largeur maxi de l'image
    var haut=500;//hauteur maxi de l'image
    var coeffinit=coeff;

    function changer(nom_de_limage) {
    if (document.images[nom_de_limage].width < larg) {
    coeff = coeff-0.2;
    document.images[nom_de_limage].width = Math.round(larg/coeff);
    document.images[nom_de_limage].height = Math.round(haut/coeff);
    chang=window.setTimeout('changer("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
    }
    else {window.clearTimeout(chang);}
    }


    function initial(nom_de_limage) {
    if (document.images[nom_de_limage].width > larg/coeffinit) {
    window.clearTimeout(chang);
    coeff = coeff+0.2;
    document.images[nom_de_limage].width = Math.round(larg/coeff);
    document.images[nom_de_limage].height = Math.round(haut/coeff);
    initi=window.setTimeout('initial("'+document.images[nom_de_limage].name+'");',60);//vitesse de l'effet
    }
    else {window.clearTimeout(initi);}
    }

    //-->
    </script>
    <a href="#" onMouseOut="initial('{TEXT}')" onMouseOver="changer('{TEXT}')" ><img src="{URL}" name="{TEXT}" border="0"></a>

    <script language="JavaScript">
    <!--
    //PLF-http://www.jejavascript.net/
    document.{TEXT}.width = Math.round(larg/coeff);
    document.{TEXT}.height = Math.round(haut/coeff);
    //-->
    </script>

Ligne d'aide

Code: Tout sélectionner

[imagezoom=nomimage]adresse de l'image[/imagezoom]

Exemple d'utilisation:
Il faut mettre un nom pour chaque image et son adresse:
Si par exemple nous avons une image appelé image1 nous mettrons ceci pour l'utilisation du bbcode:

Code: Tout sélectionner

[imagezoom=image1]http://www.monforum.com/images/image1.jpg[/imagezoom]

Retour à la liste des BBcodes

[lolovoisin]

BBCode Thumbnail

1. Téléchargez l'archive http://highslide.com/download.php
2. Décompressez et hébergez le dossier complet à la racine de votre FTP
3. Rendez-vous dans overall_header.html et entre les balises <head> ajoutez ce code :

Code: Tout sélectionner

<script type="text/javascript" src="highslide/highslide.js"></script>

Placez-le avec les autres scripts .js pour plus de clarté
N'oubliez pas de rafraîchir le template.


Utilisation du BBCode

Code: Tout sélectionner

[thumb={NUMBER}]{URL}[/thumb]

Code HTML de remplacement

Code: Tout sélectionner

<a href="{URL}" class="highslide" onclick="return hs.expand(this, { captionId: 'caption1' } )">
<img src="{URL}" title="Cliquez pour agrandir" width="{NUMBER}" /></a>

Ligne d'aide

Code: Tout sélectionner

[thumb=largeur]adresse image[/thumb]

NB: Vous remarquerez que seule la largeur est demandé, et ceci afin de conserver les proportions lors de la création de la miniature.


Retour à la liste des BBcodes

[lolovoisin]

BBCode Infobulle

Utilisation du BBCode

Code: Tout sélectionner

[infobulle={SIMPLETEXT}]{TEXT}[/infobulle]

Code HTML de remplacement

Code: Tout sélectionner

<a href="#" title="{SIMPLETEXT}">{TEXT}</a>

Ligne d'aide

Code: Tout sélectionner

[infobulle=explication du mot]le mot à expliquer[/infobulle]

Retour à la liste des BBcodes