Colocar avatar em ultima mensagem
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Colocar avatar em ultima mensagem
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
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
Re: Colocar avatar em ultima mensagem
Sim sabe onde está escrito , iSound Bem grande ? Então encima tem uma imagem em vez de escrito como coloco ?
Re: Colocar avatar em ultima mensagem
Olá,
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
ID = Id do usuário em que o efeito será aplicado. Exemplo: 1
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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.
Re: Colocar avatar em ultima mensagem
Olá!
Aceda em:<br />
Titulo: Qualquer um.
Investimento: No indice.
Codigo: Bote o codigo acima.
Aceda em:<br />
<br />
Até mais.
Aceda em:<br />
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo código Javascript
- Código:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/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)}});
Titulo: Qualquer um.
Investimento: No indice.
Codigo: Bote o codigo acima.
Aceda em:<br />
Painel de Controle Visualização Imagens & Cores Cores 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;
}
Até mais.
Re: Colocar avatar em ultima mensagem
Olá, delete todos os que você adiciono dos post acima e adicione este.
Agora, vamos trabalho com JS = JavaScript.
Investimento: No Índice
Código JavaScript: Código abaixo.
Até mais.
Painel de Controle Visualizações Imagens e Cores Cores 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.
Título: Sua preferençiaPainel de Controle Módulos HTML & JAVASCRIPT. Gestão dos codigo Javascript
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.
inFows- ****
- Membro desde : 20/04/2013
Mensagens : 217
Pontos : 315
Re: Colocar avatar em ultima mensagem
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.
Até mais.
Re: Colocar avatar em ultima mensagem
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!
1° Vá até:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts.
Crie um novo javascript e adicione esse codigo:
Legenda:
2° 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:
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
"Não sou da Staff"
Já que usa PHPBB3 irei só fala os códigos dessa versão!
1° 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://2img.net/i/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:
- Localização:
- Código JavaScript:
- Salvar
2° 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
Tópicos semelhantes
» Avatar em "Última Mensagem"
» Avatar última mensagem
» Avatar ao lado de ultima mensagem
» Avatar do usuário na última mensagem
» Personalizar avatar na última mensagem
» Avatar última mensagem
» Avatar ao lado de ultima mensagem
» Avatar do usuário na última mensagem
» Personalizar avatar na última mensagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos