Apparence du spoiler fermé dit "transparent"

[Itane]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 04/05/2015
Lien du forum : http://leroyaumedenevraska.forumactif.org/

Description du problème

Bonjour, je suis à la recherche d'un code CSS qui permettrait que le spoiler fermé soit juste le mot "spoiler" comme sur la photo du lien.
Merci de votre aide.

[MlleAlys]

Bonjour,
Dans affichage > couleurs > onglet feuille de style css, ajoutez le code suivant :

Code:

dl.codebox.spoiler {
  background: none;
  border: none;
}

ce code retire le fond et la bordure des blocs spoiler.
Si vous souhaitez garder un fond sur le texte qui apparait au clic, ajoutez également le code suivant :

Code:

.spoiler_content {
  background: white;
  padding: 5px;
}

(ici blanc, remplacez white par le code de la couleur de votre choix)

Si ce n'est pas ce que vous souhaitez, pourriez vous repréciser ?

[Itane]

C'est déjà mieux :

Avant:

Après:

Mais ce n'est tout à fait ce que je voudrais (oui je sais je suis exigeante )
Ce que je vourdrais ressemblerais plus à cela :

Spoiler:

En fait ce serait juste le mot + le petit cadre en dessous...

Pouvez-vous m'aider ?

[MlleAlys]

l'exemple que vous avez pris n'est pas sur un forum de même version que la votre, donc les spoilers n'ont pas tout à fait la même structure... Mais on va essayer de tricher ^^
Auriez-vous sur votre forum un sujet visible aux invités avec un spoiler s'il vous plait ?

[Itane]

Voici un lien pour aller vers un test "spoiler" de mon forum :
http://leroyaumedenevraska.forumactif.org/t5-spoiler-test

Et ici un lien vers le forum où j'ai trouver le spoiler : http://wildhorses.fr-bb.com/

Dites moi si vous voyez le spoiler et si non, comment faire pour que vous le voyez...

[MlleAlys]

Le sujet en question n'est pas ouvert aux invités, je tombe sur la page de connexion.
Et effectivement, le forum "exemple" est en phpbb2

Essayez pour l'instant :
Modifiez le code précédent :

Code:

dl.codebox.spoiler {
  background: none;
  border: none;
}

en :

Code:

dl.codebox.spoiler {
  background: none;
  border: none;
  border-bottom: 10px solid white;  /*couleur bordure à la fin*/
  padding: 0;
  margin: 3px;
}

Puis ajoutez le code :

Code:

dl.codebox.spoiler dt {
  text-align: center;
  border: none;
  margin: 0;
}

J'ai en fait ajouté une bordure épaisse en bas du spoiler pour faire comme si c'était un cadre quand il est fermé ^^ Modifiez la couleur de la bordure pour la même que votre couleur de fond de spoiler (celle du deuxième code donné dans mon premier message, ici les deux sont blancs) pour que ça passe inaperçu.

[Itane]

Parfait ! C'est encore mieux que j’espérais ! Je vous remercie très sincèrement ! Puis-je vous posez encore une petite question qui n'a pas vraiment de rapport ou dois-je refaire un sujet ?

[MlleAlys]

Afin de faciliter les recherches ultérieures, si votre question n'a pas de rapport avec ce sujet, il faut effectivement en ouvrir un nouveau ^^

[Itane]

D'accord je fais cela demain et pour ceci, je peut cliquer sur "résolu" !