Mini-Avatar na Barra de Ferramentas

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

Resolvido Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS em 27/05/14, 11:55 am

  • Descrição:
Olá pessoal,
queria o code para inserir nosso Avatar na Toolbar,poderia me passar para phpBB3??

Abraços, Ulti.

  • Informações:
Fórum:http://areadetestes.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Mini-Avatar,Barra,Ferramentas

avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Superbomber em 27/05/14, 12:08 pm

Bom eu faço assim. Crio uma div com id, e depois edito a innerHTML dela para a variável já feita do fórum _userdata["avatar"]. Veja um exemplo:

Aqui a div, pré-criada. Onde vai ficar o avatar.

Código:
<div id="avatar"></div>

Aqui o Javascript que vai adicionar o avatar. E você pode editar as propriedades do avatar como width, etc:

Código:
<script>
document.onready = function(){
  var tag = document.getElementById("avatar");
  //A variável tag é a div onde vamos colocar o avatar
  tag.innerHTML = _userdata["avatar"];
  //Adiciona o avatar dentro da div
  var avatar = tag.getElementsByTagName("img")[0];
  //A variável avatar mudar as propriedades do avatar.

  //Essa parte é apenas para exemplo de como mudar as propriedades.
  avatar.style.width = "80px";
  avatar.style.height = "80px";
}
</script>

Isso é apenas um exemplo, caso tenha dúvidas pergunte!

Espero ter ajudado.

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS em 28/05/14, 12:58 am

Desculpe, mas não resultou... Eu não tenho outros codes no fórum. ^^
Não obtive resultados. Feliz
Mas obrigado por tentar ajudar. ^^

Poderás insistir mais, vai que conseguimos? Muito feliz

~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Hancki em 28/05/14, 05:02 am

Olá!

Use este código, numa página Javascript, investido em todas as páginas!
Código:
jQuery(function() {
    isRead();

    function isRead() {
        if (jQuery('#fa_welcome').length) {
            jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
                'border-radius' : '3px 3px 3px 3px',
                'height' : '25px',
                'margin-bottom' : '-10px',
                'margin-right' : '5px',
                'position' : 'relative',
                'top' : '-3px',
                'width' : '25px'
            });
        } else {
            setTimeout(isRead, 100);
        }
    }
});
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Superbomber em 28/05/14, 10:04 am

UltimaterX escreveu:Desculpe, mas não resultou... Eu não tenho outros codes no fórum. ^^
Não obtive resultados. Feliz
Mas obrigado por tentar ajudar. ^^

Poderás insistir mais, vai que conseguimos? Muito feliz

~ Abraços, Ulti.

Oi, o código funciona pois eu uso em meu fórum. Possivelmente você colocou o javascript em gestão dos códigos javascript e lá document.onready não se executaria pois os scripts lá não "rodam" sozinhos. Eu uso o script em um widget(Por isso coloquei entre as tags script). Se quiser ponha-o em um widget.

Código:
<script>
document.onready = function(){
  var tag = document.getElementById("avatar");
  //A variável tag é a div onde vamos colocar o avatar
  tag.innerHTML = _userdata["avatar"];
  //Adiciona o avatar dentro da div
  var avatar = tag.getElementsByTagName("img")[0];
  //A variável avatar mudar as propriedades do avatar.

  //Essa parte é apenas para exemplo de como mudar as propriedades.
  avatar.style.width = "80px";
  avatar.style.height = "80px";
}
</script>

Até a próxima. :D

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS em 29/05/14, 03:56 pm

Desculpe Hancki, mas não resultou. Lembrando que é code para phpBB3 Feliz

Desculpe também Bomber, mas não quero que fique num Widget, e sim na Toolbar, na Barra de Ferramentas Feliz

Espero sua resposta Hancki.
~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Shek em 29/05/14, 04:02 pm

Boa tarde!

Queira seguir as dicas dos tópicos a seguir:
http://ajuda.forumeiros.com/t91293-
http://ajuda.forumeiros.com/t91157-

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17155
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS em 29/05/14, 04:42 pm

Eu li o primeiro tópico, mas era pra PUNBB , e após o segundo, resultou Feliz
Obrigado mesmo. Feliz

~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

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