Redimensionner le gif dans le profil

[Hope_Hell]

Bonsoir à toute la communauté !

Le titre de ma demande explique tout mon problème.
J'ai voulu donner un bel effet à mon profil suivant les différents topics que je trouvais ici.
J'ai choisi le passage de la souris et l'avatar glisse de gauche à droite pour laisser voir les informations. Je désirai mettre un gif ainsi que des valeurs (hauteur et largeur pour définir le gif ) sauf que je ne sais où je dois mettre ses valeurs   
Je suis paumée   

Mon forum d'essai ou je bidouille tous les codes que je trouve :
(Edit)

L'exemple du profil dont je vous parle :
on voit le gif ENORME

Spoiler:

Merci d'avance pour votre aide et bonne soirée   

[demeter1]

Deux solutions :
Via le pa pour fixer une taille maximale autorisée



Via css pour une taille identique à tous les avatars

Code:

.postdetails.poster-profile img {
width:***px; /* largeur des avatars */
height:***px; /* hauteur des avatars */}

Si l'avatar est entouré d'un div ou d'un span par contre, il faut fournir votre template avec le css qui lui est associé.

[Hope_Hell]

Bonjour !

Non ce n'est pas l'avatar en tant que tel que je souhaite modifier les dimensions puisqu'elles sont de 200 x 320.
C'est lorsque je passe ma souris sur cet avatar 200 x 300, les informations du profil apparaissent (en accordéon) comme le nombre de messages, etc ...
Moi, je voudrai ajouter un petit gif (c'est l'image que vous voyez) avec des dimensions telles que (par exemple) 100 x 150 mais je n'y arrive pas. Elle reste trooop grande.

Merci tout de même de votre aide ♥

[demeter1]

Hope hell, je vous avouerai avoir été sur votre forum d'essai mais je ne vois aucune gif au niveau des informations du profil.
J'ai été sur ce sujet : http://hope-in-hell.forums-actifs.com/t21-essai-3

Si vous avez un lien où l'on puisse constater ce soucis, je le consulterai pour voir si les outils d'analyse permettent de trouver une solution.

Ps : je conçois que cela soit une évidence pour vous mais personnellement, j'ai besoin de plus d'informations.

[Hope_Hell]

Re-bonjour ^^

Voilà le lien (effectivement les invités ne pouvaient voir le fameux gif dans le profil)

(Edit)

[demeter1]

En faisant une anlyse, je trouve sur le premier lien

Code:

<div class="field_uneditable">
<img src="http://img15.hostingpics.net/pics/955583tumblrlwzvlzOd5F1r4c9n7.gif" alt="" title=""/>
</div>

Tentez ce css

Code:

#field_uneditable{
width:***px; /* largeur  */
height:***px; /* hauteur  */}

et celui ci si le premier a des effets non désirés

Code:

#field_uneditable img{
width:***px; /* largeur  */
height:***px; /* hauteur  */}

[Hope_Hell]

Je viens d'essayer les deux codes dans mon CSS, aucun des deux ne marchent   
Le gif ne se redimensionne pas dans le profil

[demeter1]

ça marche sur le profil avancé d'après le visuel que j'ai sous opera


J'ai supposé que cela allait se répercuter sur le profil mais non. Je vais fouiller un peu plus

[Hope_Hell]

Merci beaucoup.

Si vous voulez mes templates ou CSS, dites le moi ♥

[demeter1]

On va tenter deux autres possibilités pour le profiil au niveau des messages

avec ce remplacement de css , on obtient un redimensionnement du gif à la largeur de la cellule
Remplacez

Code:

.profil_mess {
background: #133A7B;
bottom: 0px;
color: #C5BEA0;
display: block;
font-size: 11px;
left: 0px;
overflow: auto;
padding: 2px;
position: absolute;
right: 0px;
top: 0px;
}

par

Code:

.profil_mess {
background: #133A7B;
bottom: 0px;
color: #C5BEA0;
display: block;
font-size: 11px;
left: 0px;
padding: 2px;
position: absolute;
right: 0px;
top: 0px;
width: 200px;
}

en extrapolant , j'imagine que ce css ne redimensionnerait que le gif

Code:

.profil_mess img {
width : xx px;
height : XX px;
}

Si aucun de ces css ne fonctionne, postez le template modifié pour voir sil 'on peut agir à ce niveau.

[Hope_Hell]

C'est GENIAL   

ça marche !!

Un GRAND merci pour votre aide