[BB Code] Balise spoiler : Voir/Cacher

[WrestleMania]

Description

• Cette balise permet de cacher un texte dans un message, et pour le voir les membres doivent simplement appuyer sur un bouton. Utile pour poster une série de devinettes

Remerciements et support / Thanks and support

• Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.

• vBulletin-Ressources et son équipe offrira du support vis ? vis des hacks traduits, bien s?r, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.

• vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.

Conception

• Auteur du Hack / Author Of Hack : ElForro
• Source / Link of Thread: Spoiler Tag : Show/Hide
• Version vBulletin Requise / Version vBulletin Required : 3.5.4
• Testé / Tested: Oui
• Traducteur / Translator: WrestleMania

• Copyright © 2006 vBulletin-Ressources.com - Tous droits réservés / Copyright © 2006 vBulletin-Ressources.com - All Rights Reserved

Installation

• Ajoutez le code suivant dans les définitions des CSS supplémentaires (AdminCP => Styles & Templates => Gestionnaire de styles => Toutes les options de style => Définitions des CSS supplémentaires)
  

  .pre-spoiler {
      border: 1px solid #B5C0A8;
      margin: 0 15px 5px 15px;
      background: #E3E9DB;
      padding: 3px 5px 3px 5px;
      font-weight: bold;
      text-align: right;
      color: #6A775B;
  }
  .spoiler {
      background: #E3E9DB;
      margin: 0 15px 15px 15px;
      padding: 5px;
      border: 1px solid #B5C0A8;
  }

• Ensuite ajoutez le BB Code suivant (AdminCP => Balises BB personnalisées => Ajouter une nouvelle balise BB)
  - Intitulé : Spoiler
  - Balise : spoiler
  - Code de remplacement :

  <div>
      <div class="pre-spoiler">
      <span style="float:left; padding-top: 2px;">Spoiler</span> <input type="button" value="Voir" style="width:80px;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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}">
      </div>
      <div>
          <div class="spoiler" style="display: none;">{param}</div>
      </div>
  </div>

  - Exemple : [spoiler]test[/spoiler]
  - Description : Texte caché
  - Utiliser un second paramètre {option} : Non
  - Image de bouton (facultatif) : Laissez vide

[biggy]

C'est bon, je t'ai envoyer un MP Ombre

[karim0.0.0]

bonjour

je voulais savoir si il y'a un code à ajouter et qui me permet de choisir quoi écrire à la place de "spoiler" à chaque fois que j'utilise le bbcode, car j'aimerais poster des paroles et je voulais placer "paroles" à la place de "spoiler" mais pas pour toujours.

Merci beaucoup pour votre effort

[Billyboule]

Dans le code de remplacement, il te suffit de changer le mot Spoiler par le mot que tu veux (Paroles apparemment).
Je l'ai mis en rouge dans le code.

<div>
    <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;">Spoiler</span> <input type="button" value="Voir" style="width:80px;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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;">{param}</div>
    </div>
</div>

[karim0.0.0]

merci pour m'avoir répondu,mais je voulais savoir s'il y a un code qui me permet de changer "spoiler" ou "paroles" a chaque fois que j'utilise le bbcode:

exemple:

les paroles..

ou bien:

...

Merci d'avance.

[tatoufo]

Salut, il faut que tu remplace Spoiler par {option}

Exemple

<div>
    <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;">{option}</span> <input type="button" value="Voir" style="width:80px;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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;">{param}</div>
    </div>
</div> 

Comme ça, tu pourra donner un titre, de la façon que tu cite au dessus

C'est la danse des canards

@+

[karim0.0.0]

Merciii !

[nicotoufou]

Ma petite contribution a ce thread et surtout a la mythique balise [SPOIL] ^^

Etant en 4.1.2, beaucoup d'infos ne sont plus d'actualités, donc je vais refiler la manoeuvre pour ceux qui cherchent desesperement :

Installation
Ajoutez le code suivant dans la partie "Template" du fichier additional.css ( Admin CP => Styles & Templates => (Sur la ligne de votre style actuel) Modifier les Templates => Template - CSS " => Double cliquez sur "additional.css" )

La suite colle encore ( heureusement )

Voila, pour les détenteurs de vB en version 4.x.x, ca risque d'aider plus grandement

[jam3h]

thnkss