Page 7 sur 7 PremièrePremière ... 567
Résultats de 61 à 68 sur 68

Sujet : [BB Code] Balise spoiler : Voir/Cacher

  1. #1
    Version
    vB 3.6.4
    Inscrit
    février 2006
    Messages
    1 186
    Pouvoir de réputation
    17

    Par défaut [BB Code] Balise spoiler : Voir/Cacher

    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)
      Code:
      .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 :
      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>
      - Exemple : [spoiler]test[/spoiler]
      - Description : Texte caché
      - Utiliser un second paramètre {option} : Non
      - Image de bouton (facultatif) : Laissez vide
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Dernière édition par WrestleMania; 16/07/2006 à 10h26

  2. #61
    Version
    vB 3.8.0
    Inscrit
    août 2008
    Messages
    58
    Pouvoir de réputation
    9

    Par défaut

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

  3. #62
    Version
    vB 4.2.3
    Inscrit
    juin 2007
    Localisation
    Enies lobby
    Âge
    61
    Messages
    19
    Pouvoir de réputation
    0

    Par défaut

    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

  4. #63
    Version
    vB 3.8.4
    Inscrit
    septembre 2007
    Localisation
    Belgique
    Âge
    46
    Messages
    3 915
    Pouvoir de réputation
    29

    Par défaut

    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.

    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>

  5. #64
    Version
    vB 4.2.3
    Inscrit
    juin 2007
    Localisation
    Enies lobby
    Âge
    61
    Messages
    19
    Pouvoir de réputation
    0

    Par défaut

    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:

    ou bien:


    Merci d'avance.

  6. #65
    Version
    vB 4.2.0
    Inscrit
    juin 2007
    Messages
    937
    Pouvoir de réputation
    0

    Par défaut

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

    Exemple

    Code PHP:
    <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




    @+

  7. #66
    Version
    vB 4.2.3
    Inscrit
    juin 2007
    Localisation
    Enies lobby
    Âge
    61
    Messages
    19
    Pouvoir de réputation
    0

    Par défaut

    Merciii !

  8. #67
    Version
    vB 4.1.2
    Inscrit
    décembre 2013
    Messages
    3
    Pouvoir de réputation
    0

    Par défaut

    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

  9. #68
    Version
    vB 3.8.7
    Inscrit
    novembre 2015
    Messages
    5
    Pouvoir de réputation
    0

    Par défaut

    thnkss

Page 7 sur 7 PremièrePremière ... 567

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Sujets similaires

  1. Sujet résolu Résolu ! Modification de la balise [code]
    Par Papycss dans le forum Support vbulletin 3.x
    Réponses: 4
    Dernier message: 23/11/2009, 22h55
  2. [BBCode] Balise Spoiler (énième)
    Par tatoufo dans le forum BBcodes
    Réponses: 9
    Dernier message: 24/04/2009, 17h43
  3. Sujet résolu Résolu ! Balise spoiler
    Par elbosso dans le forum Support vbulletin 3.x
    Réponses: 4
    Dernier message: 20/04/2009, 17h59
  4. Question sur la balise [*CODE]
    Par cigogne dans le forum Support vbulletin 3.x
    Réponses: 4
    Dernier message: 01/12/2007, 16h05
  5. Intégrer [spoiler] à la balise [media]
    Par thebaby dans le forum Support vbulletin 3.x
    Réponses: 1
    Dernier message: 22/06/2007, 12h42

Liens sociaux

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Hébergé par PlanetHoster