Mini-Avatar na Barra de Ferramentas

4 participantes

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

Tópico resolvido Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS 27.05.14 15:55

  • 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

ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Superbomber 27.05.14 16:08

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.
avatar

Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS 28.05.14 4:58

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.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Hancki 28.05.14 9:02

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8194
Pontos : 12249

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Superbomber 28.05.14 14:04

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
avatar

Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS 29.05.14 19:56

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.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por Shek 29.05.14 20:02

Boa tarde!

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

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini-Avatar na Barra de Ferramentas

Mensagem por ShaDownS 29.05.14 20:42

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

~ Abraços, Ulti.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos