Fotos de utilizador

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 05:49 pm

Qual é minha questão:
Eu tenho isto aqui: http://i50.tinypic.com/2cpbb5i.png
Como queria ter: http://i46.tinypic.com/315mq2d.png
Como posso ter as fotos dos membros no meu forum?

Links e imagens do meu problema:
Http://i50.tinypic.com/2cpbb5i.png
http://i46.tinypic.com/315mq2d.png

Endereço do meu fórum:
http://tecnogames.forumeiros.com.pt/

Versão do meu fórum:
PHPBB3
avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por iPatrão™ em 01/10/12, 05:51 pm

Olá senhor,

Asçenda Painel de controle>>Módulos>> HTML & JAVASCRIPT>>Gestão dos codigos Java Script

Adicione este codigo:
Código:
jQuery(document).ready(function() { jQuery(".row dd.lastpost").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var u = jQuery(".postprofile dl dt a img[alt]:last", data).attr('src'), k = jQuery(".postprofile dl dt a:last", data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost"><img src="' + u + '" /></a>'); }); }); });

Investimento:No índice ou Toda as paginas.
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Resolvido Re: Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 05:55 pm

@iPatrão™ escreveu:Olá

Asçenda Painel de controle>>Módulos>> HTML & JAVASCRIPT>>Gestão dos codigos Java Script

Adicione este codigo:
Código:
jQuery(document).ready(function() { jQuery(".row dd.lastpost").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var u = jQuery(".postprofile dl dt a img[alt]:last", data).attr('src'), k = jQuery(".postprofile dl dt a:last", data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost"><img src="' + u + '" /></a>'); }); }); });

Ivestimento: No indice
Não funcionou, só deu isto: http://i50.tinypic.com/16lwfbq.png
avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por iPatrão™ em 01/10/12, 05:57 pm

Olá

senhor Habilito o gerenciamento dos códigos JavaScript ?
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Resolvido Re: Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 05:58 pm

@iPatrão™ escreveu:Olá

senhor Habilito o gerenciamento dos códigos JavaScript ?
Sim, mas mesmo assim não deu, se mais alguém saber de códigos me digam!
avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por iPatrão™ em 01/10/12, 06:00 pm

Obs senhor desculpa me pela presça esqueçi do seguinte codigo

Ponha este codigo em sua Folha de Estilo CSS.

Código:
 #avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Resolvido Re: Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 06:04 pm

@iPatrão™ escreveu:Obs senhor desculpa me pela presça esqueçi do seguinte codigo

Ponha este codigo em sua Folha de Estilo CSS.

Código:
 #avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}
É assim, eu adicionei com o outro codigo, e nada, apaguei e adicionei o ultimo codigo e tambem nada! Bravo
avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por iPatrão™ em 01/10/12, 06:07 pm

Olá senhor você ta fazendo algo errado irei deixa um tutorial belo para você entender melhor.

Aceda à:

Painel >> Módulos >> HTML & JAVASCRIPT >> JavaScript >> Nova página >> Todas as páginas >> Cole o seguinte conteúdo

Código:
 jQuery(document).ready(function() { jQuery(".row dd.lastpost").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var u = jQuery(".postprofile dl dt a img[alt]:last", data).attr('src'), k = jQuery(".postprofile dl dt a:last", data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost"><img src="' + u + '" /></a>'); }); }); });

Aceda à

Painel >> Visualização >> Imagens e Cores >> Folha de estilo CSS


Código:
 #avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}

At+
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Resolvido Re: Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 06:12 pm

avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por JonasB. em 01/10/12, 06:45 pm

Olá,

Por favor coloque em teu CSS:
Código:
 #avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border:1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}

Após isto, troque o codigo atual por este:
Código:
$(document).on('ready', function() {
        $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
        $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
    });
Salve.
Resulta?

Até mas Piscada
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Fotos de utilizador

Mensagem por Hyouki em 01/10/12, 06:49 pm

[b]Olá amigo , Painel de Controle > Visualização > imagens e Cores > Cores > Folha de estilo CSS .
Código:
/* Avatar na página principal - Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek */
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}
/* Avatar na página principal - Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek - FIM */

agora adicone esse código a uma nova pagina javascript .
Código:
// No lugar de VERSAO, coloque a versão do seu fórum e letras minúsculas. Por exemplo, phpbb3.
// Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek.
var versionForum='phpbb3';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8-9.a.b/c/d/1/e.1\');',15,15,'READY_AVATAR|js|var|false|function|true|getScript|http|scripts|giobanii|googlecode|com|svn|trunk|avatar_index'.split('|'),0,{}))
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Fotos de utilizador

Mensagem por Sonic the Werehog em 01/10/12, 07:16 pm

Depois, testo, agora, vou dormir, amanha tenho que ir a escola venho ca as 17horas e 30 minutos!
avatar

Sonic the Werehog
Nível 8

Masculino
Inscrito dia : 30/09/2012
Mensagens : 140
Pontos Ativos : 228

Ver perfil do usuário http://tecnogames.forumeiros.com.pt/

Resolvido Re: Fotos de utilizador

Mensagem por iPatrão™ em 01/10/12, 07:38 pm

Olá este Conteúdo não e funcional para um Tema Simples

Este conteúdo não ira funciona em um tema sem CSS. !

Que você está usando apenas funcional para Tema que obter CSS.

Passa bem.
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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