Problema marime avatar

[andreyx]

Cum fac sa am la mesaje avatarul mai mare si mai clar fara sa mareasca si alte imagini la mesaje?

[TheSpeak]

Prezentati Scriptul .

[andreyx]

am schimbat codul asta din viewtopic_body:

Cod:

{postrow.displayed.POSTER_AVATAR}

cu acesta

Cod:

<span style="opacity: 0.2;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity=15">{postrow.displayed.POSTER_AVATAR}</span>

[TheSpeak]

Nu e bun scripul puteti sa-l restartati adaugati intr-un javascript acest cod

• Titlu: Avatar la ultimul postator
  
• Amplasare: Indexul forumului
  
  

Cod:

$(function(){
 
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://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);
    };
 
});

Apoi va duceti in CSS Si adaugati

Cod:

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
.mini_ava img:hover
{
  zoom: 130%;
}

[andreyx]

Nu e bun scripul puteti sa-l restartati adaugati intr-un javascript acest cod

• Titlu: Avatar la ultimul postator
  
• Amplasare: Indexul forumului
  

Cod:

$(function(){
 
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://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);
    };
 
});

Apoi va duceti in CSS Si adaugati

Cod:

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
.mini_ava img:hover
{
  zoom: 130%;
}

scuze,dar nu asta vroiam sa ma refer,vroiam sa ma refer la mesajele de la topicuri.

[andreyx]

up!

[andreyx]

up

[Zeus]

Buna ziua,

Cautati in viewtopic_body:

Cod:

<span style="opacity: 0.2;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity=15">{postrow.displayed.POSTER_AVATAR}</span>

Inlocuiti cu:

Cod:

<div class="avt">{postrow.displayed.POSTER_AVATAR}</div>

Inregistrati si publicati template-ul.


In Panou=> Afisare => Imagini si culori => Culori => Foaie de stil css adaugati:

Cod:

.avt img {
width: 150px;
height: 200px;
opacity: 0.8;
}
.avt img:hover {
opacity: 1.0;
}

Explicatie cod:

min-width: 150px;  // reprezinta latimea minima avatarelor
min-height: 200px; // reprezinta inaltimea minima avatarelor

[andreyx]

topic rezolvat!mersi Zeus

[Omu]