Rapetisser les avatars
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Rapetisser les avatars
BOnsoir
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:
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
Re: Rapetisser les avatars
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 .
Pourriez vous donner ici le CSS utilisé ?
Et voulez vous les rétrécir au passage de la souris ou en taille normale ?
Cordialement .
Re: Rapetisser les avatars
Bonsoir Self
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
$(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
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
$(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
Re: Rapetisser les avatars
Bonsoir ^^.
Il faut ajouter également le CSS donné :
Le code est à mettre dans:
Panneau d'administration
Affichage
Images et couleurs
couleurs
Feuille de style CSS
Sans oublié de valider .
Cordialement .
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;
}
- Code:
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
- Code:
.mini_ava img:hover {
transform: scale(3);}
Le code est à mettre dans:
Panneau d'administration
Affichage
Images et couleurs
couleurs
Feuille de style CSS
Sans oublié de valider .
Cordialement .
Re: Rapetisser les avatars
Merci beaucoup Self, je peux le mettre n'importe où dans la feuille ?
Désolée je suis une novice
Désolée je suis une novice
Re: Rapetisser les avatars
N'importe ou, oui et non.Maelly a écrit:Merci beaucoup Self, :)je peux le mettre n'importe où dans la feuille ?
Désolée je suis une novice
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 .
Cordialement .
Re: Rapetisser les avatars
J'ai osé le faire en attendant votre réponse
Merci encore et belle fin de soirée
Je peux mettre en résolu
Merci encore et belle fin de soirée
Je peux mettre en résolu
Sujets similaires
» Cadre autour des avatars et avatars obliques
» Contour des avatars
» les avatars
» Avatars
» stockage des avatars
» Contour des avatars
» les avatars
» Avatars
» stockage des avatars
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum