Barre de défilement dans une signature

[Itrema]

Bonjour,

Je cherche à savoir comment ajouter une barre de défilement dans les signatures.
J'aimerai qu'elle s'affiche uniquement lorsque la signature atteint une hauteur trop grande.

Exemple de ce que je recherche.


Voilà si quelqu'un pouvait m'aider, je lui en serai très reconnaissante.

[Itrema]

Personne ne sait ?

[Jiben]

Salut, je pense que sa doit jouer avec une iframe

[FANCH 56]

Bonsoir

C'est un scrollbar. Tu peux règler la valeur de height en fonction de ce que tu désires.

Code:


<div style="height: 200px; overflow:auto;">TEXTE ET IMAGES</div>

Le bouton de scrollbar sera à droite sauf si tu met en plus de height width : et la valeur en px comme ci dessous

Code:


<div style="height: 200px; width : 400px; overflow:auto;">TEXTE ET IMAGES</div>

[Itrema]

Où dois-je le placer exactement ?

[FANCH 56]

Quand tu vois qu'une signature deviens trop grande pour un membre, tu mets tout ce qui concerne sa signature à la place de Texte et images.

Pour l'instant je ne vois pas d'autres solutions.

[Itrema]

Ah ?! Non justement je ne veux pas faire quelque chose de manuel, afin d'éviter de jouer au chasseur.

Je pense qu'il est sans doute possible de mettre un code dans les tempales, mais je ne sais pas où.

[Itrema]

Up

[Itrema]

Up

[ge80]

Bonjour

Le forum est-il celui de ton profil ?
Si oui, je regarde avec le css.
Forum de quelle version?
Css modifié ?

Un lien (visible par invité) sur un article contenant sur une signature trop grande...


Cordialement
ge

[Itrema]

Le forum est-il celui de ton profil ? Oui
Forum de quelle version ? phpBB2
Css modifié ? Oui (dois-je mettre mon CSS modifié ?)



On trouvé un système pour les images qui sont automatiquement redimensionner, mais on voudrait ne plus restreindre les signatures grâce à ce système.

[FANCH 56]

Bonjour

Pourquoi n'utilises-tu pas le redimensionnement automatique prévu dans ton PA pour les images dans les posts ?

Et ensuite tu mets ceci dans ton CSS pour les signatures

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

.signature_div img {

max-height:50px;

}

Évidemment tu chois la valeur px que tu désires.

[ge80]

Comme dit, cette solution va réduire la taille des images mais je ne pense pas qu'une barre de défilement va arriver.
Il faut essayer.

[Itrema]

On l'utilise déjà, je l'ai précisé plus haut. Ce code est parfait si on veut mettre qu'une image, mais on voudrait qu'on puis mettre plusieurs images textes (Comme sur l'image du topic) pour que ça ne gêne pas le forum avec ce système.

[ge80]

Il n'y a pas de classe pour limiter la hauteur de la signature (seulement les images) donc la solution manuelle me semble la plus simple.

Désolé

[Itrema]

Up ! Je reste persuadée qu'il existe une solution (La preuve sur ma capture du premier post).

[FANCH 56]

Est-ce que cette capture est faite sur un forum forumactif ?

[Wirekey]

Code:

<div class="signature_div">

Pour la div (Bon ça vous le saviez xD)

Personnellement je rajouterais juste :

Code:


div.signature_div{
height: 300px;
overflow: scroll;
}


[Wirekey]

Excusez moi :$

J'ai fait citer au lieu de éditer.

Sinon j'ai remarqué dans votre CSS ceci:

Code:

th {
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
}

Hors : ceci marche que avec le moteur web de firefox.

Pour rendre applicable ceci aux autres navigateurs (IE exclu )

Code:


th{
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
khtml-border-radius:  5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}


Je ne sais plus quelle partie de code fonctionne pour quel navigateur :$

En premier se doit être FF, en second c'est au norme CSS3, en trois pour safari il me semble, en dernier ... c'est au cas ou xD

[Wirekey]

Excusez moi :$

J'ai fait citer au lieu de éditer. (Vous allez finir par croire que je le fait exprès. ) Si un modo peut supprimer ce post.

(Veuillez m'excuser une fois encore.)

Au passage je me sens obliger d'apporter un information xD ce code peux être abrégé par :

Code:


-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
khtml....


[ge80]

[code]
Personnellement je rajouterais juste :
[code]
div.signature_div{
height: 300px;
overflow: scroll;
}
[/code]

Exact.
Pourquoi faire compliqué ....


Cordialement
Ge