Colocar avatar em ultima mensagem

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

Resolvido Colocar avatar em ultima mensagem

Mensagem por TyrioN_SK em 21/05/13, 10:06 pm

Qual é minha questão:
Olhem nesse fórum

logo em cima de iSound Cooper

http://braextremecity.forumeiros.com/forum

Endereço do meu fórum:
http://brl-br.forumeiros.com

Versão do fórum:
PHPBB3
avatar

TyrioN_SK
Nível 5

Masculino
Inscrito dia : 01/05/2013
Mensagens : 36
Pontos Ativos : 68

Ver perfil do usuário http://brl-br.forumeiros.com/

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por Sking em 21/05/13, 10:16 pm

Olá,
não entendi o que vc quer pode explicar?
Até mais

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por TyrioN_SK em 21/05/13, 10:16 pm

Sim sabe onde está escrito , iSound Bem grande ? Então encima tem uma imagem em vez de escrito como coloco ?
avatar

TyrioN_SK
Nível 5

Masculino
Inscrito dia : 01/05/2013
Mensagens : 36
Pontos Ativos : 68

Ver perfil do usuário http://brl-br.forumeiros.com/

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por Sking em 22/05/13, 12:04 am

Olá,
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
a[href="/uID"]{font-family:'Comic Sans','Comic Sans MS'}


ID = Id do usuário em que o efeito será aplicado. Exemplo: 1

Salve.

Até mais.

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por MateusA em 22/05/13, 08:05 am

Olá!

Aceda em:<br />
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo código Javascript

Código:
    jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://illiweb.com/fa/invision/pp-blank-thumb.png';var caching_time=24*60*60*1000;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)}});
Valide.


Seta Titulo: Qualquer um.
Seta Investimento: No indice.
Seta Codigo: Bote o codigo acima.

Aceda em:<br />
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

<br />
Código:
    .mini_ava img {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 36px;
    margin: 0 5px;
    padding: 1px;
    width: 36px;
    float: left;
    }
Valide.


Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por inFows em 22/05/13, 09:47 am

Olá, delete todos os que você adiciono dos post acima e adicione este.

Painel de Controle Admineiros Visualizações Admineiros Imagens e Cores Admineiros Cores Admineiros Folha de estilo CSS
.avatar-index img {
height: 45px;
width: 60px;
float: left;
margin: 0 4px;
}
.avatar-index img:hover {
border: solid 2px green;
}

Agora, vamos trabalho com JS = JavaScript.
Painel de Controle Admineiros Módulos Admineiros HTML & JAVASCRIPT. Admineiros Gestão dos codigo Javascript
Título: Sua preferençia
Investimento: No Índice
Código JavaScript: Código abaixo.

Código:
$(document).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="#" 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)');
});
});

Até mais. Café

inFows
Nível 9

Masculino
Inscrito dia : 20/04/2013
Mensagens : 217
Pontos Ativos : 315

Ver perfil do usuário

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por TyrioN_SK em 22/05/13, 07:38 pm

Nao estou falando do efeito ! estou falando a imagem !
avatar

TyrioN_SK
Nível 5

Masculino
Inscrito dia : 01/05/2013
Mensagens : 36
Pontos Ativos : 68

Ver perfil do usuário http://brl-br.forumeiros.com/

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por MateusA em 23/05/13, 10:29 am

Olá! Que imagem ? pode descrever melhor? se refere ao avatar ao lado do Nickname ? se sim fassa os passos da minha postagem anterior.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por TyrioN_SK em 23/05/13, 10:05 pm

sim
avatar

TyrioN_SK
Nível 5

Masculino
Inscrito dia : 01/05/2013
Mensagens : 36
Pontos Ativos : 68

Ver perfil do usuário http://brl-br.forumeiros.com/

Resolvido Re: Colocar avatar em ultima mensagem

Mensagem por T-Lord em 25/05/13, 12:29 pm

Olá amigo, o "FDF" não dar suporte a JS, mas eu posso lhe passar:

"Não sou da Staff"


Já que usa PHPBB3 irei só fala os códigos dessa versão!

Vá até:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts.

Crie um novo javascript e adicione esse codigo:

Código:
jQuery(document).on('ready', function() {
jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
jQuery('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a
 href="' + profileUserURL + '" class="avat-miembro-enlace"><img
src="http://illiweb.com/fa/invision/pp-blank-thumb-38px.png" alt="No [b]Avatar[/b]" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

Legenda:


  • Titulo:
Nome da página JavaScript/jQuery que será criada.


  • Localização:
No nosso caso, selecione Em todas as páginas.


  • Código JavaScript:
Coloque o código que passei!


  • Salvar
Clique em salvar.

Aplicando codigo CSS:
Vá até:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Então copie e cole la o código abaixo:

Código:
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}

Resultado:

Verá no seu fórum no /forum

__________

Espero ter ajudado clicando no +.

Créditos: http://www.zonetoony.net/t6288-tutorial-avatar-do-ultimo-membro-que-postou-no-topico?highlight=avatar
avatar

T-Lord
Nível 10

Masculino
Inscrito dia : 29/12/2010
Mensagens : 253
Pontos Ativos : 491

Ver perfil do usuário http://www.zonetoony.net/

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