Changer l'apparence de la citation sans le pseudo...

[Clemsi]

Détails techniques

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

Description du problème

Bonsoir,

J'aimerais savoir si c'est possible de changer l'apparence de la citation sans le pseudo.
Je veux qu'elle soit comme celle avec le pseudo précisé (citation deux petits points ou quelque chose d'autre).
Parce que là, c'est juste un rectangle, et j'aime pas.

Regardez :
http://meseries.forumactif.com/t168p250-saison-3-d-outlander

[Clemsi]

[Clemsi]

[Faline]

Bonsoir,

Comme les invités ne peuvent pas poster chez toi, je ne sais pas en quoi consiste la différence entre citation avec ou sans nom.

En plus, je ne sais pas, ce qui marche avec Invision, mais en tout cas pour phpBB2 le code suivant dans la feuille de styles donne un joli résultat :
https://forum.forumactif.com/t378741-modifier-la-presentation-du-code-citer#3193035

[Clemsi]

Bonsoir Faline,

J'ai mis un lien de topic Outlander dans le premier post.
Descend un peu et tu verras la différence entre une citation avec le pseudo précisé et une autre sans le pseudo précisé.

J'aime bien le code que tu as mis, mais je suis sur Invision...

[Faline]

Bonsoir,
Maintenant je vois .

Voici quelque chose pour Invision :
https://forum.forumactif.com/t315045-invision-soulignement-titre-couleur-survol-alignement-avatar-couleur-citation#2743483
en espérant que cela fournira la barre avec les guillemets pour toutes les citations.

[Clemsi]

Merci Faline !

Mais il y a deux codes pour les citations, et je ne sais pas lequel mettre dans le css.
Et je dois mettre tout le code ou modifier/ajouter quelques lignes à un code déja présent ?

[Faline]

Le deuxième concerne le spoiler (c'est par erreur qu'on a écrit citation).

Tu mets le code tel quel (sans la numérotation des lignes). Si tu as déjà quelque chose concernant les citations dans ta feuille de styles, tu peux mettre l'ancien style provisoirement entre parenthèses de commentaire
/* style à mettre hors service pour test */

[Clemsi]

Le code ne marche pas, il ne fait que changer la couleur de l'encadré du pseudo cité.
Ce que je veux, c'est qu'il y ait le même encadré pour les citations sans le pseudo précisé, mais à la place de "xxx a écrit:", j'aimerais "Citation:" au lieu d'avoir juste un rectangle.

[Clemsi]

[Clemsi]

[◦Jay◦]

Bonjour Clemsi, votre code CSS actuel est comme ceci :

Code:

blockquote {
    -moz-border-radius-topleft: 15px;
    -webkit-border-radius-topleft: 15px;
    background-color: #191919;
    background-image: url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
    border: 1px solid #888;
    color: #fff;
    padding: 5px;
}

Remplacez-le par :

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/cit0110.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  padding: 20px 5px 5px 10px;
}

Modifiez les valeurs si nécessaire.

Bien à vous.

[Clemsi]

Salut Jay !

Ce code ne marche pas non plus :
https://2img.net/image.noelshack.com/fichiers/2017/48/3/1511943659-citation.png

Tu vois la barre où il y a écrit "np-cr a écrit:" ?
Bah j'aimerais qu'elle apparaisse aussi pour une citation sans le pseudo précisé.
Mais à la place de "np-cr a écrit:", je veux qu'il y ait marqué "citation:" ou rien du tout vu qu'on comprend que c'est une citation avec les guillemets verts à droite de la barre...

[◦Jay◦]

Le code fonctionne, il faut l'adapter...

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/image610.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  background-position: 5px 5px ;
  padding:40px 5px 5px 5px
 
}
blockquote cite {margin-top:-35px;
  width:600px;
}


Regardez si vous avez déjà un code CSS "blockquote cite" et adaptez-le avec celui que je viens de vous donner.

[Clemsi]

Hé, c'est pas mal, ce résultat...

Mais c'est possible d'avoir juste la même chose que ce que j'ai actuellement en citation avec le pseudo précisé pour la citation sans le pseudo précisé, Jay ?

[◦Jay◦]

Comment ça ? Ce que j'ai mis sans le mot "citation" ?

[Clemsi]

Tu as mis la barre avec les guillemets verts dans le cadre de la citation, et elle est plus petite.
Tu vois ce que j'ai comme citation avec le pseudo précisé ? Je veux la même chose pour la citation sans le pseudo précisé parce que j'ai juste un rectangle actuellement.

[◦Jay◦]

Je ne comprends pas tout... voici ce que je vois sur votre forum actuellement :



Voila ce que je vous propose :

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/image111.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  background-position: 5px 5px ;
  padding:40px 5px 5px 5px;
 
}
blockquote cite {margin-top:-35px;
  width:600px;
}

[Clemsi]

Tu vois Lo qui cite np-cr.
Bah j'aimerais la même chose pour np-cr qui cite sans préciser le pseudo, mais à la place de "xxx a écrit:" je veux "Citation:"
C'est un peu plus clair comme ça ?

[◦Jay◦]

Ok, que toutes les citations soient identiques sans pseudos ? Et de quelle couleur le mot citation ? Vert ou noir ?

[◦Jay◦]

En noir :

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/image112.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  background-position: 5px 5px ;
  padding:40px 5px 5px 5px;
 
}
blockquote cite {display:none;
}

[Clemsi]

Non, c'est pas ça que je veux, Jay.



Tu vois np-cr qui cite sans préciser le pseudo, c'est juste un rectangle.
Par contre quand on précise le pseudo, comme Lo l'a fait avec np-cr, il y a la barre avec "np-cr a écrit" et les guillemets verts à droite.
J'aimerais que cette barre apparaisse aussi pour les citations sans le pseudo précisé.
Mais comme le pseudo n'est pas précisé, il faudrait juste qu'il y ait marqué "Citation:" à la place.

[◦Jay◦]

Bon, et ou il y a np-cr, il faut que ça reste comme ça ou il faut que le pseudo disparaisse aussi et qu'il y ait "citation" à la place ?

[◦Jay◦]

Si le pseudo doit rester et avoir citation dans la citation sans pseudo, c'est cela :

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/image112.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  background-position: 5px 5px ;
  padding:40px 5px 5px 5px;
 
}
blockquote cite {margin-top:-35px;
  margin-left:5px;
  width:600px;}

[Clemsi]

Non, ce n'est pas la citation avec le pseudo précisé qu'il faut changer, c'est celle avec le pseudo qui n'est pas précisé.
Comme c'est juste un rectangle, j'aimerais qu'elle soit comme celle avec le pseudo précisé (la barre avec les gullemets + le rectangle quoi).

[◦Jay◦]

C'est le code que j'ai mis au dessus.

[Clemsi]

Oui, c'est ça que je veux, sauf que la barre avec les guillemets est dans le cadre, là.
Moi, je veux juste que la citation sans le pseudo précisé soit exactement pareille que celle avec le pseudo précisé.


Imaginons que Lo n'avait pas précisé que c'était np-cr qui a écrit ce message.
Bah ça aurait juste fait un rectangle, alors que j'aimerais juste qu'il y ait marqué "Citation:" dans la barre avec les guillemets verts qu'il faut rajouter si c'est possible, si tu vois ce que je veux dire.

[◦Jay◦]

Et bien non, ce n'est pas possible, c'est pour cette raison que j'ai modifié la citation avec pseudo, de plus il me semble que c'est plus joli si la citation est dans le cadre plutôt qu'à moitié dehors mais bon, les goûts et les couleurs...

[Clemsi]

Oh, c'est dommage...
Bon ben, je veux bien ton code qui donne un beau résultat, alors.
Mais pas besoin des guillemets entre le mot Citation et pas d'espace après les deux petits points.
Et aussi, c'est possible que la barre avec les guillemets vertes aille jusqu'au bout du cadre ?

[◦Jay◦]

Pour que ce soit comme ceci :



Voici le code( à adapter avec celui déjà présent)

Code:

blockquote {
  border-radius:10px 0 0 0;
  background-image: url(https://i62.servimg.com/u/f62/18/95/70/55/barre-11.png),url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
  background-repeat:no-repeat,repeat;
  border: 1px solid #888;
  color: #fff;
  background-position: 5px 4px ;
  padding:40px 5px 5px 5px;
 
}
blockquote cite {margin-top:-35px;
  margin-left:2px;
  width:652px;
}