Changer l'apparence de la citation, des spoilers et des codes

[Clemsi]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tvd-bloodstream.forumactif.com/

Description du problème

Bonsoir,

Je voudrais savoir si c'est possible de faire en sorte que l'espace qui contient le contenu d'une citation, d'un spoiler ou d'un code soit plus large, qu'il commence au début de la ligne et qu'il s'arrête à la fin de la ligne.

Un topic au hasard : http://tvd-bloodstream.forumactif.com/t688-4x01-gather-up-the-killers-17-03-2017

J'aimerais que le cadre soit plus large, quoi.

[ITD]

Tu peux modifier leur apparence dans ton CSS.

Code:

.code
{ }

.quote
{ }
 
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed
{ }

[Clemsi]

Merci !
Je suppose qu'il faut mettre des valeurs dans ce code, mais je ne sais pas lesquelles...

[Invité]

Bonjour

Pour modifier la largeur essayez avec :

Code:

  width: 100%

Modifier le pourcentage selon ce que vous souhaitez .

[Clemsi]

Merci Jack' pour le code.

Code:

.code
{
width:105%}
 
.quote
{
width:105%}
 
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed
{
width:105%}

Voilà ce que j'ai mis dans le css, et ça marche, mais ça n'élargit que le côté droit, le cadre n'est toujours pas placé au début de la ligne.

[Invité]

Peut être en rajoutant le margin-left.

Code:

 margin-left: -5px !important;

Ce qui pourrait donner

Code:

    .code
    {
    width:105%;
    margin-left: -5px !important;
}
   
    .quote
    {
    width:105%;
    margin-left: -5px !important;
}
   
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
    {
    width:105%;
    margin-left: -5px !important;
}

[Clemsi]

J'ai mis ça dans le css :

Code:

.code
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .quote
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
    {
    width:110%;
    margin-left:-31px !important;
}

Par contre, le "pseudo a écrit", il reste à la même place : http://tvd-bloodstream.forumactif.com/t720-membres-irrespecteux-et-accusations

[Invité]

Par contre, le "pseudo a écrit", il reste à la même place : http://tvd-bloodstream.forumactif.com/t720-membres-irrespecteux-et-accusations

Contrairement à la version Phpbb3 , qui le fameux " à écrit " est inclus dans l'encadrement de la citation , le code n'agit pas sur ce mot sur le phpbb2 , car indépendant .

Je ne sais pas si il existe une class pour cibler ce mot, je passe donc la main à une autre personne .

[Clemsi]

Je vois...
Et on ne peut pas mettre le"a écrit" dans l'encadrement de la citation, comme sur PhpBB3 ?

[Invité]

Re

Ce code devrait fonctionner en phpbb2
A rajouter au code précédent

Code:

.codebox b {
  margin-left: -31px;
  }

 

[Clemsi]

Code:

.code
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .quote
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
    {
    width:110%;
    margin-left:-31px !important;
 
  .codebox b {
  margin-left: -31px;
  }
 
}

Rien n'a changé, le "a écrit" n'a pas bougé.

[Invité]

Code:

.code
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .quote
    {
    width:110%;
    margin-left:-31px !important;
}
 
    .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
    {
    width:110%;
    margin-left:-31px !important;
 
  .codebox b {
  margin-left: -31px;
  }
 
}

Rien n'a changé, le "a écrit" n'a pas bougé.

Il y a une erreur de crochet sur ce que vous avez copier .

Voici le code sur sa totalité , Effacer le tout et recopier celui ci ;

Code:

    .code
        {
        width:110%;
        margin-left:-31px !important;
    }
     
        .quote
        {
        width:110%;
        margin-left:-31px !important;
    }
     
        .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
        {
        width:110%;
        margin-left:-31px !important;
    }

    .codebox b {
      margin-left: -31px;
      }
   
     

[Clemsi]

Merci beaucoup !!!
Est-ce que c'est possible de modifier la taille de la police du "à écrit:" ?

[ITD]

Code:

font-size: 0px;

En ajoutant cette propriété et en modifiant à ta guise.

[Clemsi]

Merci beaucoup tout le monde !
Je mets le sujet en résolu.