Apparence du spoiler

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

Résolu Apparence du spoiler

Message par Papp le Jeu 9 Aoû 2012 - 18:17

Bonjour,

J'aimerais modifier l'apparence du "spoiler" mais quand je met des modification (de couleur par exemple) dans la feuille CSS ca ne change rien.

J'ai essayer plusieurs code:

Code:
.spoiler
        {
        color: #00FFFF ;
        }

Code:
  .spoiler_hidden
        {
        color: #00FFFF ;
        }

Code:
  .spoiler_closed
        {
        color: #00FFFF ;
        }

Code:
    .spoiler_content.hidden
        {
        color: #00FFFF ;
        }


Mais a chaque fois ca ne modifie soit rien, soit juste le texte a l’intérieur du spoiler, et non a l’extérieur.


Dernière édition par Papp le Jeu 9 Aoû 2012 - 19:21, édité 1 fois

Papp
Nouveau membre

Messages : 22
Inscrit(e) le : 08/08/2012

http://bibliotde.forumsgratuits.net/
Papp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler

Message par Ea le Jeu 9 Aoû 2012 - 18:26

Bonjour,


Pour phpbb3, on a en étant fermé cette structure :

http://i.imgur.com/TR2Bz.png

Et en étant ouvert :

http://i.imgur.com/dImg3.png

Donc on pourrait le personnaliser avec ce code par exemple :

Code:
dl.spoiler {
  border: 4px solid red;
}
.spoiler dt {
  color: green!important;
  font-variant: small-caps;
}
.spoiler .spoiler_content {
  background: blue;
  color: #fff;
}
Ce qui donnerait : http://i.imgur.com/Yvm8U.png

Enfin ça se personnalise sans trop de problème, maintenant si vous avez une autre version il est possible que ça soit différent ( pour cela il faudrait donner votre version ).

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparence du spoiler

Message par FANCH 56 le Jeu 9 Aoû 2012 - 18:37

Comme c'est en Invision, je te donne mon code (origine Etana (Ea)) qui m'avait été donné. Tu changes ce que tu veux.

Code:

/* ************ SPOILER BON *********************************************** */
.spoiler {

    background-color: #EFECCA;

    }

.spoiler dt {

   border-bottom: 1px solid #EFECCA !important;

   background-color:#ffffcc !important;

   background:#ffffcc url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

   text-indent:1500px !important;

   font-size:0px;

   height:25px !important;

   overflow: hidden !important;

   /*. img: max-width:500px;*/
   max-width:700px;
}

.spoiler dd {

   padding: 0px;
}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du spoiler

Message par Papp le Jeu 9 Aoû 2012 - 19:21

Ca fonctionne merci Smile

Papp
Nouveau membre

Messages : 22
Inscrit(e) le : 08/08/2012

http://bibliotde.forumsgratuits.net/
Papp 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