[bbcodes] barre de pourcentages !

[cyrilagri]

Hello tout le monde,

En fait je cherche un [bbcodes] capable d'afficher une barre de pourcentages.

Comme celui-ci :



Voilà j'ai vue que c'était possible ici d’où l'astuce mais impossible de trouver le bbcodes.: http://www.vendee-airsoft.com/forum/faq.php?mode=bbcode

Merci à tous.

Cordialement.

[zach]

salut

http://www.phpbb-assistance.com/objecti ... html#p3714

[cyrilagri]

Bonjour,

Donc c'est pas possible en bbcodes ? Puis ce bbcodes

Code : Tout sélectionner

[prog][/prog]

il et pas possible de le trouver ?.

Car je veux que le membre puisse modifier le pourcentages depuis la création d'un message.En faite cette barre de pourcentage va me servir à l'avancement d'une création par exemple modifiable directement pour le chiffre de pourcentage c'est possible avec la méthode donne si dessus ?

Merci beaucoup.

Cordialement.

[zach]

un code bbcode, se fait à la base par rapport au code html donc si t'a le code html t'a plus grand chose à faire pour le bbcode ....

Code : Tout sélectionner

[pourcentage]{NUMBER}[/pourcentage]

Code : Tout sélectionner

<div class="progressbar"><div style="width:{NUMBER}%;">{NUMBER}%</div></div>

styles/prosilver/theme/common.css :

Code : Tout sélectionner

    /* -------------PROGRESS BAR---------------*/
    div.progressbar {
      border: 1px solid #ccc;
      width: 500px;
      height: 12px;
      margin-top:0px;
      margin-bottom:5px;
      padding: 0px;
      background-color: #c04040;
      text-align:right;
      color:#000000;
    }

    div.progressbar > div {
      background-color: #ACE97C;
      border-right: 1px solid #ccc;
      height: 12px;
      float:left;
      text-align:center;
      color:#000000;
      line-height:12px;
      font-size:11px;
    }

Code : Tout sélectionner

[pourcentage]5[/pourcentage]

[cyrilagri]

Bonjour,

Merci beaucoup.

Une dernière question je mais ça ou:

Code : Tout sélectionner

<div class="progressbar"><div style="width:{NUMBER}%;">{NUMBER}%</div></div>

Merci beaucoup.

Cordialement.

[zach]

1er code = 1er champs,
2ème code = 2ème champs
3ème champs = tu met ce que tu veux

et si tu a un doute il suffit de lire ce qui est écrit

Utilisation du BBCode
Vous pouvez définir la façon d’utiliser le BBCode. Remplacez n’importe quelle variable d’entrée par la chaîne de symboles correspondante (voir ci-dessous).
Exemples:
[highlight={COLOR}]{TEXT}[/highlight]
[font={SIMPLETEXT1}]{SIMPLETEXT2}[/font]

Code HTML de remplacement
Vous pouvez définir le code HTML de remplacement de votre BBCode. N’oubliez pas de remettre la chaîne de symboles que vous avez utilisée ci-dessus!
Exemples:
<span style="background-color: {COLOR};">{TEXT}</span>
<span style="font-family: {SIMPLETEXT1};">{SIMPLETEXT2}</span>

Ligne d’aide
Ce champ contient le texte du BBCode qui sera affiché lors du passage de la souris.
Texte de la ligne d’aide

[cyrilagri]

Merci beaucoup ça fonctionne parfaitement.

[blablabla]

Bonjour,

chez moi le chiffre est légèrement en bas par rapport à la barre

View Screen Capture

Cordialement

[zach]

Salut

c'est surement lié à tes propres classes css qui interfèrent mais il faut un lien ....

[blablabla]

Je n'ai aucune classe div.progressbar dans mes fichiers .css :s

Dit moi quand tu serais disponible, je te donnerais un accès, c'est en local pour le moment.