Rapetisser les avatars

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rapetisser les avatars

Message par Maelly Mar 15 Oct 2013 - 21:54

BOnsoir Smile

J'ai affiché les avatars des membres ayant posté le dernier message mais je les trouve trop grands ...Pourrais je les rétrécir pour qu'ils aient tous la même taille et que le forum paraisse moins long?
Et comment faire ?

Merci pour votre aide . :thanks:


Dernière édition par Maelly le Mar 15 Oct 2013 - 22:27, édité 1 fois
Maelly

Maelly
*

Féminin
Messages : 40
Inscrit(e) le : 17/09/2013

http://onechange.forumperso.com/
Maelly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Self Mar 15 Oct 2013 - 21:56

Bonsoir ^^ .

Pourriez vous donner ici le CSS utilisé ?
Et voulez vous les rétrécir au passage de la souris ou en taille normale ?

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Maelly Mar 15 Oct 2013 - 22:03

Bonsoir Self Smile

je vous donne le code javascript que j'ai pris quelque part sur forum actif
Je sais que je peux redimensionner les photos moi meme sur le web mais ça voudrait dire que je le fasse systématiquement manuellement et à chaque avatar changé ou rajouté .
Je voudrais qu'ils soient plus petits sans passage de souris , comme vous pouvez le voir sur mon forum , elles sont trop grandes Smile


$(function(){

if(!window.localStorage) return;

// Avatar par défaut
var default_avatar= 'https://2img.net/i/fa/invision/pp-blank-thumb.png';

// Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
var caching_time= 24*60*60*1000;

// Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
var caching_error= 60*1000;

var set_avatar= function(id) {
$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
};

var get_avatar= function(id) {
if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
{
localStorage.setItem('d_ava'+id, default_avatar);
$.get('/u'+id, function (d){
localStorage.setItem('t_ava'+id,+new Date);
localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava'+id);
};

var to_replace= {};

$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
});

for(i in to_replace)
{
set_avatar(i);
};

});



Merci Smile
Maelly

Maelly
*

Féminin
Messages : 40
Inscrit(e) le : 17/09/2013

http://onechange.forumperso.com/
Maelly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Self Mar 15 Oct 2013 - 22:13

Bonsoir ^^.

Il faut ajouter également le CSS donné :
Code:
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
Mais je conseille de remplacer la partie:
Code:
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}
Par:
Code:
.mini_ava img:hover {
transform: scale(3);}
Warning Il est possible que cela ne fonctionne pas sous certains navigateurs.

Le code est à mettre dans:

Arrow Panneau d'administration
Arrow Affichage
Arrow Images et couleurs
Arrow couleurs
Arrow Feuille de style CSS
Exclamation Sans oublié de valider Smile.

Cordialement Wink.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Maelly Mar 15 Oct 2013 - 22:16

Merci beaucoup Self, Smile je peux le mettre n'importe où dans la feuille ?
Désolée je suis une novice Embarassed 
Maelly

Maelly
*

Féminin
Messages : 40
Inscrit(e) le : 17/09/2013

http://onechange.forumperso.com/
Maelly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Self Mar 15 Oct 2013 - 22:24

Maelly a écrit:Merci beaucoup Self, :)je peux le mettre n'importe où dans la feuille ?
Désolée je suis une novice Embarassed 
N'importe ou, oui et non.
N'importe ou du moment que c'est avant un .identifiant ou #identifiant ou après l'accolade } .

Le mieux est de le placé à la fin, derrière les autres codes Smile .

Cordialement Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rapetisser les avatars

Message par Maelly Mar 15 Oct 2013 - 22:26

J'ai osé le faire en attendant votre réponse
Merci encore et belle fin de soirée
Flowers2 
Je peux mettre en résolu Smile
Maelly

Maelly
*

Féminin
Messages : 40
Inscrit(e) le : 17/09/2013

http://onechange.forumperso.com/
Maelly a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum