Inverter os cantos do avatar/informações do perfil

Este tutorial ensina como implantar uma função nos tópicos, que ao clique em uma imagem, toda a coluna dos perfis dos membros possam vir a ficar do lado direito ou do esquerdo automaticamente.

--> Tutoriais, Dicas e Astúcias <--
Posição do perfil em phpBB 3

1º - Adicionar o código na folha .JS:
Vamos adicionar agora o código que permitirá que o CSS seja válido no campo das cores. Vamos aplicar o mesmo em uma folha .JS de seu fórum.
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript ->
Clique no botão "Criar um novo javascript".


Em "Investimento", vamos marcar a opção "Em todas as páginas". Quando fizer, adicione na caixa de texto o seguinte código:

Código:


var CopyrightNotice='Script for ESF. Copyright 2011 by Dion Designs. All Rights Reserved.';function setprofile(loc){if(loc=='left'){$('.postprofile').css({'float':'left','border-left':'none','border-right':'1px solid #ffffff'});$('.postprofile dl').css('margin','0px 8px 0px 0px');$('.postbody').css('float','right')}else{$('.postprofile').css({'float':'right','border-left':'1px solid #ffffff','border-right':'none'});$('.postprofile dl').css('margin','0px 0px 0px 8px');$('.postbody').css('float','left')}}function toggleprofile(){var x=my_getcookie('prloc');if(x=='left'){x='right'}else{x='left'}my_setcookie('prloc',x,true);setprofile(x)}$(function(){if(!document.getElementById('blog_comments')&&$('.addthis_button')[0]){$('.addthis_button').eq(0).before('<button class="button2" title="Toggle post profile location" onfocus="this.blur()" onclick="toggleprofile()"><img style="padding:0px 2px;" src="http://2img.net/i/fa/edit.png" /></button> • ');var x=my_getcookie('prloc');if(x==null){x='left'}my_setcookie('prloc',x,true);setprofile(x)}var mrmario='';$('#quick_reply #text_editor_textarea').before('<div class="mrmario" style="width:100%;padding:0px 2px">'+mrmario+'</div>');$('#quick_reply #textarea_content').css('height','175px');var x=document.getElementById('postingbox');if(x&&x.parentNode.firstChild.className=='page-title'&&x.parentNode.firstChild.innerHTML!='Edit signature'&&x.parentNode.firstChild.innerHTML!=''&&x.parentNode.firstChild.innerHTML.indexOf('private message')==-1){$('#text_editor_textarea').before('<div class="mrmario" style="width:100%;padding:0px 2px">'+mrmario+'</div>');$('#textarea_content').css('height','275px')}});


Clique no botão "Confirmar".

3º - Resultado:
Não podemos apresentar um resultado, pois ele difere muito ao fórum, ou seja não temos como explicar tal efeito através de imagens. Vocês só devem saber que ao clicar na seguinte imagem "" o seu perfil mudará para a esquerda ou para a direita automaticamente.