Apparence du spoiler fermé dit "transparent"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparence du spoiler fermé dit "transparent"

Message par Itane le Mer 6 Mai 2015 - 18:48

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.


Dernière édition par Itane le Mer 6 Mai 2015 - 23:03, édité 1 fois

Itane
Nouveau membre

Messages : 8
Inscrit(e) le : 06/05/2015

http://leroyaumedenevraska.forumactif.org/
Itane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par MlleAlys le Mer 6 Mai 2015 - 18:55

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 ? Confused

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par Itane le Mer 6 Mai 2015 - 19:12

C'est déjà mieux :
Avant:
Après:

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

Spoiler:

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

Pouvez-vous m'aider ?

Itane
Nouveau membre

Messages : 8
Inscrit(e) le : 06/05/2015

http://leroyaumedenevraska.forumactif.org/
Itane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par MlleAlys le Mer 6 Mai 2015 - 19:22

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 ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par Itane le Mer 6 Mai 2015 - 19:43

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...

Itane
Nouveau membre

Messages : 8
Inscrit(e) le : 06/05/2015

http://leroyaumedenevraska.forumactif.org/
Itane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par MlleAlys le Mer 6 Mai 2015 - 19:54

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.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par Itane le Mer 6 Mai 2015 - 20:59

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 ?

Itane
Nouveau membre

Messages : 8
Inscrit(e) le : 06/05/2015

http://leroyaumedenevraska.forumactif.org/
Itane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par MlleAlys le Mer 6 Mai 2015 - 21:14

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler fermé dit "transparent"

Message par Itane le Mer 6 Mai 2015 - 23:03

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

Itane
Nouveau membre

Messages : 8
Inscrit(e) le : 06/05/2015

http://leroyaumedenevraska.forumactif.org/
Itane a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum