Script/tutorial avatar

Ati folosit optiunea de cautare? NU!

Folositi-o atunci:
https://help.forumgratuit.ro/search?search_keywords=%2Bavatar+%2Bultimele

Nu inteleg nimic de acolo, explicati-mi va rog pasii. Si da, am folosit optiunea de cautare, deci nu-ti mai da cu presupusul. Inteleg ca faci parte din staff si ca traim in romania si cand ai un statu anume esti mai cu mot, dar nu fi impertinent.

Tot ce va putem oferi in momentul de fata este acest tutorial: http://asistencia.foroactivo.com/t123605-mostrar-en-el-indice-el-avatar-del-miembro-que-hizo-el-ultimo-post .

Nu doresc sa mi se mareasca imagina, o vreau normala, deci cred ca exista si paote nu stim noi.

Marirea imaginii este un hover. Daca nu-l doriti, eliminati codul:

Cod:

.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

Din structura CSS a tutorialului.

Nu ma dau cu presupusul. Va indemn sa folositi cat mai des optiunea.

Pentru versiunea phpBB3, adaugati in Gestiunea codurilor JavaScript:

Cod:

$(document).ready(function(){
$('ul.topiclist.forums li.row dd.lastpost').wrapInner('<div class="avs">');
});

$(document).on('ready', function() {
    $('li.row dd.lastpost div.avs').each(function () {
        var touser = $(this).children('strong').children('a').attr('href');
        $(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i45.servimg.com/u/f45/17/25/57/30/defect10.png" alt="No avatar" /></a>');
        $(this).children('a').load(touser + ' .module:eq(0) img:eq(0)');
    });
});

Nu functioneaza niciun cod din ce mi-ati dat, imi face avatarul cat forumul de mare.

Intrii in PA > module > HTML & javascripts > Gestiunea codurilor javascript > creati un nou cod javascript :

Puneti titlu dorit

Bifati: In toate paginile

Puneti codu urmator si

Cod:

    $(function(){
   
        if(!window.localStorage) return;
   
        // Avatar por defecto
        var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
   
        // Tiempo de cache, aqui 24 h * 60 m * 60 s * 1000 ms entonces un día
        var caching_time= 24*60*60*1000;
   
        // Tiempo de cache de un error, ici 60 s * 1000 ms entonces un minuto
        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);
        };
   
    });

Intrii in PA > vizualizare > imagini si culori > culori > foaie de stil CSS :
si adaugi acest cod

Cod:

    .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;
    }

codu din CSS il modifici dupa bunul plac la mine a mers

nu ai inteles nici dumneata, nu doresc marirea avatarului cand este pus cursorul pe el, ce este greu de inteles?

Keir a scris:Marirea imaginii este un hover. Daca nu-l doriti, eliminati codul:

Cod:

.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

Ati urmat sfatul meu?

Django nu ai vrea sa iti faca cineva din staff toata treaba? Ca vad ca aici ti sa dat totu mura in gura cum ne place noua majoritatea romanilor sa nu ne batem prea mult capu. Codu asta:

Cod:

 .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;
    }

daca stergi ce spune keir adica asta:

Cod:

.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

si ramane cam asta care iti trebuie tie

Cod:

.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;
    }

adica avataru fix care si ala daca ii modifici valorile acelea cu 40 il faci la ce marime vrei ce e asa greu de inteles?Probabil nu se vorbeste romaneste aici.