Humor Nota 10!

Você não está conectado. Conecte-se ou registre-se

[Tutorial] Avatar nos Tópicos e Subtópicos para todas as versões

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

TheLord

avatar
Administrador
Administrador
--> Avatar nos Tópico e Subtópicos para todas as versões<--

Eai Galera hoje venho mostra um tutorial muito bom. que é o Avatar nos Tópico e Subtópicos.
Este Código ele funciona em todas as versões
Vamos lá!

Ele será adicionado em JavaScript[b] e na [b]Folha de Estilo Css

1. JavaScript
Código:
$(function(){

    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://i42.servimg.com/u/f42/17/62/49/09/pp-bla10.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);
    };

});

Título: Coloque oque você achar melhor
Investimento: Vamos colocar no Índice, Portal e na Galeria
Código JavaScript: Adicione o Código

2. No Css
Código:
.mini_ava img {

width: 40px;
height: 40px;
border:1px solid gray;
}
.mini_ava {
  float: left;
}

3. Resultado

[Você precisa estar registrado e conectado para ver este link.]

Créditos pelo Tutoria:Cracker
Créditos por ter Fornecido os Códigos: MateusV.

http://humor-nota10.olympicweb.net

Conrado

avatar
Administrador
Administrador
Esse tutorial o Fórum está até usando e de fato é excelente!

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum