ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!

Avatar redondo nas últimas mensagens

Ir em baixo

Avatar redondo nas últimas mensagens

Mensagem por Yusses em Qui 21 Maio - 9:41

Nome do Arquivo: Avatar redondo nas últimas mensagens
Créditos: iChees
Funcionalidade: Todas as versões
Categoria: Recursos Shift

Avatar redondo nas últimas mensagens


Aprenda aqui como, adicionar um código, cujo o efeito é adicionar o avatar arredondado do autor da última mensagem.


Seta 4 Gerir o código:
Primeiramente acesse ao seu Painel de controle do seu fórum em seguida vá em -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScript -> Criar um novo JavaScript

Código:
Título: A sua escolha;
Investimento: No índice
Código:
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)}});
 Adicionar código CSS:
Seta 4 Agora vá a sua " Folha de estilos (CSS) "  e adicione:
Código:
.mini_ava img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 30px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 40px;
margin-right: 10px;
padding: 1px;
transition: all 1s ease 0;
width: 40px;
}
O border-radius é responsável pelo arredondamento, caso queira aumentar/diminuir o arredondamento apenas altere o 30px para o número desejado.´
                                        

Bom dia Bom dia


Última edição por Yusses em Qui 21 Maio - 20:18, editado 2 vez(es)
avatar
Yusses
Sou novo

Masculino
Idade : 22
PointActif's : 1019
ReputActifs : 1
Mensagens : 5
Inscrição : 19/05/2015

100%

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

Voltar ao Topo Ir em baixo

Re: Avatar redondo nas últimas mensagens

Mensagem por Shek em Qui 21 Maio - 13:50

Olá e boa tarde.

Ficamos gratos pelo seu tutorial. Very Happy



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Shek
Adminactif
Adminactif

Masculino
Idade : 24
PointActif's : 5060
ReputActifs : 97
Mensagens : 2711
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

Ver perfil do usuário http://www.shiftactif.com/

Voltar ao Topo Ir em baixo

Re: Avatar redondo nas últimas mensagens

Mensagem por Yusses em Qui 21 Maio - 20:19

Saudações,
Tópico atualizado!
Até,
Olá
avatar
Yusses
Sou novo

Masculino
Idade : 22
PointActif's : 1019
ReputActifs : 1
Mensagens : 5
Inscrição : 19/05/2015

100%

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

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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