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!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Sou novo
Masculino
Idade : 22
PointActif's : 779
ReputActifs : 1
Mensagens : 5
Inscrição : 19/05/2015

100%
Ver perfil do usuáriohttp://www.ajuda.forumeiros.com

Avatar redondo nas últimas mensagens

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
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4814
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Re: Avatar redondo nas últimas mensagens

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
Sou novo
Masculino
Idade : 22
PointActif's : 779
ReputActifs : 1
Mensagens : 5
Inscrição : 19/05/2015

100%
Ver perfil do usuáriohttp://www.ajuda.forumeiros.com

Re: Avatar redondo nas últimas mensagens

em Qui 21 Maio - 20:19
Saudações,
Tópico atualizado!
Até,
Olá
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum