Des signatures trop encombrantes

[Alaser]

Bonjour

Mes membres mettent des images dans leur signature, jusque là, tout va bien. Cependant, elles sont immenses et quelquefois, ils en mettent même deux. Comment les en empêcher ?

J'avais vu sur le forum un code qu'on mettait dans panneau de configuration - affichage - couleur - CSS et qui permettait d'imposer une limite aux images ou photos. Lorsque j'ai voulu m'en servir, il y avait déjà le code suivant :

body   {
background-position:   center;
}

J'ai cherché comment garder ce code (dont je ne sais pas l'utilité) et mettre l'autre mais je n'ai pas trouvé, aussi ai-je copié le code et collé de côté pour le remettre si toutefois il était primordial pour le forum. Comme rien ne se passait, je l'ai supprimé dans la feuille CSS pour y mettre le nouveau à la place.

Or, j'ai voulu tester en mettant une très grande image dans ma propre signature et rien ne s'est passé. Je suis retournée sur ma feuille CSS et j'ai remarquée que le nouveau code n'y était plus, par contre l'ancien y était à nouveau.

Je vous avouerai que je suis un peu paumée. Pourrait-on m'aider de façon à ce que les signatures de mes membres reste dans des proportions raisonnables ? Quand on lit les rubriques, ces images sont encombrantes. Merci d'avance

[MlleAlys]

Bonjour,

Le code déjà présent dans votre css permet de centrer l'image de fond de la page (avec les dauphins).

Si vous voulez le garder, il vous suffit d'ajouter le nouveau code un peu plus bas (vous pouvez passer une ou deux lignes entre les codes pour être sûre de ne pas les faire s'imbriquer les uns dans les autres, ce qui les rendrait inactifs car erronés).
Pour votre souci de signature, je vous propose d'essayer ce code là :

Code:

.signature_div div {
  max-height: 200px;  /*hauteur maximale de la signature*/
  overflow: auto;  /*pour faire apparaître une barre de défilement si la hauteur dépasse*/
}

Vous pouvez donc l'ajouter à votre propre css comme ceci :

Code:

body   {
  background-position:   center;  /*position centrée du fond*/
}


.signature_div div {
  max-height: 200px;  /*hauteur maximale de la signature*/
  overflow: auto;  /*pour faire apparaître une barre de défilement si la hauteur dépasse*/
}

Les commentaires à côté de chaque ligne vous aide à vous souvenir de leur utilité.
La valeur de 200px, je l'ai mise un peu au hasard, vous pouvez bien sûr la modifier à votre convenance ^^

Et n'oubliez pas d'enregistrer les modifications apportées à votre css en cliquant sur "valider" juste en dessous de la zone de saisie

[Alaser]

Bonjour et merci MlleAlys

   Impeccable mais ne peut-on forcer à ce que les images ou photos restent à, mettons 350px, plutôt que d'ajouter cette barre de défilement ? D'autant que je suis certaine que personne ne cliquera dessus pour faire défiler son contenu. Ne puis-je m'en tenir à :

.signature_div div {
 max-height: 200px;  /*hauteur maximale de la signature*/
}

De plus, j'aimerai que dans les signatures, ces images ou photos soient centrées, est-ce possible à l'aide d'un code ?

Les indications que vous m'avez mises en marron, puis-je les laisser dans le CSS, est-ce que ça ne risque pas gêner ? Parce que vu mon grand âge, :lol!: , je risque ne plus me rappeler de ces codes dans un mois. La preuve, je ne savais pas à quoi correspondais le premier.  

Maintenant, oserai-je abuser en vous demandant un autre service ? Un code existe t-il pour forcer à ne pas mettre des images ou photos également trop envahissantes dans les posts ? Vous vous doutez que quand le post qu'on veut voir est en bas de page et qu'il faut passer tous les posts précédents, c'est un peu énervant surtout quand en plus, la majorité de l'espace est prise par les images ou photos. Je ne veux pas interdire les images mais faire en sorte qu'elles soient dans des proportions plus normales.

Encore merci pour votre patience, votre disponibilité et vos réponses rapides.

[MlleAlys]

Ce code permet de réduire la div qui contient la signature, si vous retirez la ligne "overflow: auto;" alors la div sera réduite, mais la signature en dépassera... sur les sujets suivants =S

Vous pouvez limiter la taille des images dans la signature (sans les déformer) avec ce code :

Code:

.signature_div img {
  max-height: 350px;  /*hauteur maximale d'une image dans la signature*/
  margin: auto;   /*marges automatiques pour centrer*/
}

Pour limiter les images dans les messages, avez vous pensé à l'option dans le panneau d'administration ? Dans Général > Messages et Emails > Configuration : tout en bas du premier encadré : "Redimensionnement des images"

Et, oui vous pouvez sans problème laisser ces commentaires, et même les modifier à votre convenance ou en ajouter si vous le souhaitez. Il faut juste que cela soit toujours entre  /* ..... */  =)

[Alaser]

Bonsoir MlleAlys

Je veux le premier code car il centre le fond (mes dauphins), le second car il va mettre une hauteur maximale de la signature et il vaut mieux laisser la barre de défilement (vous avez raison), et le troisième car il permet de centrer les images dans la signature. J'ai donc décidé de mettre tous les codes que vous me proposez. Cependant, pourquoi  quand je les mets me dit-on qu'il y a un nombre impair de guillemets et que ça ne va pas marcher ?  

1. body   {
2.         background-position:   center;  /*position centrée du fond*/
3.       }
4.    
5.        
6.       .signature_div div {
7.         max-height: 350px;  /*hauteur maximale de la signature*/
8.         overflow: auto;  /*pour faire apparaître une barre de défilement si la hauteur dépasse*/
9.       }
10.
11.
12.        .signature_div img {
13.          max-height: 350px;  /*hauteur maximale d'une image dans la signature*/
14.          margin: auto;   /*marges automatiques pour centrer*/
15.        }

Encore merci de l'attention que vous me portez et bonne soirée.

[MlleAlys]

Bonne question =/
Réessayez comme ça, j'ai retiré les apostrophes et les accents dans les commentaires au cas où :

Code:

body {
    background-position: center; /*position centree du fond*/
}

.signature_div div {
    max-height: 350px; /*hauteur maximale de la signature*/
    overflow: auto; /*pour faire apparaitre une barre de defilement si la hauteur depasse*/
}

.signature_div img {
    max-height: 350px; /*hauteur maximale d une image dans la signature*/
    margin: auto; /*marges automatiques pour centrer*/
}

J'ai vérifié ce code avec un programme fait pour au cas où, il est correct ! x)

[FANCH 56]

Voilà celui que j'utilise depuis 8 ans

Code:

 /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

   max-height:50px;
}


[MlleAlys]

oui, ce code fait partie de ceux que j'ai proposé pour limiter la taille des images dans la signature ^^

[Self]

Bonjour.

Sur mon forum j'ai du ajouté un

Code:

overflow:hidden;

à ce code:

Code:

.signature_div img {
    max-height: 350px; /*hauteur maximale d une image dans la signature*/
    margin: auto; /*marges automatiques pour centrer*/
}

pour ne pas voir ce qu'il y avais en dehors du post du au code, si ça peut aidé .

Cordialement .

[MlleAlys]

J'y ai pensé aussi, mais le but c'est de limiter la taille mais de faire en sorte qu'on puisse quand même voir la signature, non ? Et surement faudrait-il l'appliquer à .signature_div plutôt qu'à .signature_div img non ? ^^"

[Alaser]

Bonjour à vous 2 et merci pour vos conseils, cependant, je ne comprends pas, ça ne fonctionne pas. J'ai bien inclu ces codes dans pdc-affichage-couleurs-feuille de style CSS mais ça ne donne rien. J'ai essayé de mettre ma signature normalement (elle est toujours centrée) pour voir si elle se centrerait mais elle ne bouge pas.

En fait j'ai mis ça :

1. body {
2. background-position: center; /*position centree du fond*/
3. }
4.
5. .signature_div div {
6. max-height: 350px; /*hauteur maximale de la signature*/
7. overflow: auto; /*pour faire apparaitre une barre de defilement si la hauteur depasse*/
8. }
9.
10. .signature_div img {
11. max-height: 350px; /*hauteur maximale d une image dans la signature*/
12. margin: auto; /*marges automatiques pour centrer*/
13. }

Mais rien ne change !!!  

[Self]

Bonjour .

chez moi un simple:

Code:

.signature_div{max-height: 350px;
overflow:hidden;}

fonctionne, mais je ne suis pas sous la même version ^^ .
Je n'ais donc pas séprarer l'image et la div MlleAlys .

Cordialement .

[MlleAlys]

@Selfdea4th7 : On cherchait à limiter la taille de la signature, entre autre en limitant la taille de celle des images, mais tout en pouvant voir le bas de la signature quand même... ^^

Pour le centrage des images, effectivement j'ai fait une erreur, essayez plutôt ça :

Code:

body {
    background-position: center; /*position centree du fond*/
}
 
.signature_div {
    max-height: 350px; /*hauteur maximale de la signature*/
    overflow: auto; /*pour faire apparaitre une barre de defilement si la hauteur depasse*/
    text-align: center; /*pour centrer*/
}
 
.signature_div img {
    max-height: 350px; /*hauteur maximale d une image dans la signature*/
}

Mais ça va centrer les textes également, pas que les images...

[Self]

@MlleAlys: aucun problème ^^ .

Bonne journée à vous toutes et tous .

[Alaser]

Bonjour à tous et surtout à @MlleAlys qui m'a bien dépannée. C'est tout à fait ce que je voulais, merci et bonne journée.