Couleur d'une citation dans une citation

[AldoMasta]

Bonjour,

Petit soucis, j'aimerais donner une couleur différente aux citations dans les citations (fleche verte sur le screenshot)



Car en modifiant le css de base, citations et multi citations semblent indissociables:

Code:

.quote{
   font-family: Segoe Print,Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #eeeeee;
   line-height: 125%;
   background-color: #000000;
   border: #a3a3a3;
   border-style: solid;
   border-left-width: 2px;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px}

Ce qui est étrange, c'est que le cadre spoiler, lui, l'a fait automatiquement (screenshot + haut)... Probablement parce qu'il considère que le texte masqué est un texte "classique"(et utilise donc la couleur de cadre habituelle)

---------------------------------------------------------------------------------

2ème mini question: j'aimerais arrondir les angles des sous cadres de la balise spoiler (flèche orange sur le screenshot + haut), en utilisant ce code, j'ai pu arrondir les cadres des citations et des multicitations, ainsi que le cadre général des spoilers, mais pas le cadre interne de ces derniers...

Code:

code, .quote, .spoiler{
background: rgb(0, 0, 0);
border-radius: 10px 10px 10px 10px;
border: 2px solid rgb(163, 163, 163);
margin: 0px;
font-family: arial;
font-size: 12px;
color: rgb(0, 0, 0);
padding: 8px 8px 8px 19px;
text-indent: 15px;
overflow: hidden;
}

En éspérant que vous trouviez une solution qui ne modifie que cela, et non l'ensemble des messages comme je le crains...
-------------------------------------------------------------------------------

Voilà, vous remerciant par avance pour votre aide précieuse, j'ajouterai que mon forum est en PHPBB2, cela peut toujours être utile!

[AldoMasta]

up!

[Tech]

Bonjour,

Pour la première question, voici le code CSS qui vous permet de le faire :

Code:

.quote .quote {
  background-color: black;
}

où le black est à modifier selon votre envie

Pour la deuxième question, ce code CSS fera l'affaire :

Code:

.spoiler_content {
  border-radius: 10px;
  padding: 5px;
}

Cordialement.

[AldoMasta]

1er problème: solution parfaitement opérationnelle, merci beaucoup!

2ème problème: solution fonctionnelle à 80%! Le cadre est arrondi quand il est déplié, mais pas quand il est caché! Une solution pour que les arrondis s'effectuent aussi sur le texte caché?





J'ai aussi voulu légèrement modifier votre 2ème code en m'inspirant de mon code de "quote" (disponible dans le 1er message du sujet) pour qu'une bordure apparaisse autour du cadre interne "spoiler", mais rien n'y fait, déplié ou pas, aucune bordure n'apparait... Peut-être justement à cause de ces arrondis qui disparaissent quand on replie le volet:

Le code modifié:

Code:

.spoiler_content {
  border-radius: 10px 10px 10px 10px;
border: 2px solid rgb(163, 163, 163);
  padding: 8px 8px 8px 19px;
}

Merci d'avance!

[Tech]

Rajoutez ce CSS :

Code:

.spoiler_closed {
  border-radius: 10px;
}

et pour avoir la bordure, vous devez placer un !important après la couleur donc comme ça :
border: 2px solid rgb(163, 163, 163)!important;

Cordialement.

[AldoMasta]

Rapide et efficace, merci beaucoup, problèmes résolus!

Je précise pour ceux qui pourraient tomber ici que le code ".spoiler_closed " ne comprend pas de bordure, il faut les ajouter ici aussi si vous voulez un cadre autour du texte caché!