Você não está conectado. Conecte-se ou registre-se

Avatar e Username na Header

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Avatar e Username na Header em Qui Ago 20, 2015 11:20 pm

Je4n

avatar
Membro ativo


  • Descrição:

Gostaria de adicionar o Username e o Avatar do usuário nessa área que fiz para o usuário, porém não consegui... 


Aqui está o meu HTML: http://pastebin.com/xkAQWxRR

E a CSS do avatar caso seja necessário:
Código:
 #usuario img {
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: 0;
    width: 40px;
  }

Para acessar o fórum, caso seja preciso:
User: Demo2
Senha: demo123

  • Informações:



Fórum:www.wasdev.in/forumVersão:PUNBB



Última edição por Je4n em Dom Ago 23, 2015 9:05 pm, editado 2 vez(es)



{WASD}
Ver perfil do usuário

2 Re: Avatar e Username na Header em Sab Ago 22, 2015 2:33 pm

waghcwb

avatar
Membro elite

Tu vai precisar de um JS eu acho... Tem as diretivas da Forumeiros que tu pode usar como USERNAME, mas quem pode te ajudar melhor com isso é o @Daemon...



Muda teu HTML pra esse aqui.




"May the force be with you, young grasshopper!"




Não há assuntos pouco interessantes; apenas há pessoas pouco interessadas.
Ver perfil do usuário

3 Re: Avatar e Username na Header em Sab Ago 22, 2015 4:59 pm

Je4n

avatar
Membro ativo

Olá @waghcwb infelizmente não houve resultado... Ficou dessa forma:



{WASD}
Ver perfil do usuário

4 Re: Avatar e Username na Header em Sab Ago 22, 2015 5:48 pm

waghcwb

avatar
Membro elite

Onde você colocou o script? Não achei ele carregando na página. Tem alguma conta de testes no seu fórum?



"May the force be with you, young grasshopper!"




Não há assuntos pouco interessantes; apenas há pessoas pouco interessadas.
Ver perfil do usuário

5 Re: Avatar e Username na Header em Sab Ago 22, 2015 6:41 pm

Je4n

avatar
Membro ativo

waghcwb escreveu:Onde você colocou o script? Não achei ele carregando na página. Tem alguma conta de testes no seu fórum?
Ah... me desculpe. eu estou fazendo os testes primeiro no meu fórum de teste. Eu poderia mandar o link dele por MP ?



{WASD}
Ver perfil do usuário

6 Re: Avatar e Username na Header em Sab Ago 22, 2015 7:10 pm

Diapt

avatar
Membro ativo

Vamos lá, foi muito demorado pra pensar em aparecer o nickname, por tanto mude o HTML pra este,
Código:

          <!-- BEGIN switch_user_logged_in -->
      <nav id="usuario">
        <ul id="menu2">
          <li><a href="#"><i class="fa fa-search" title="Pesquisar"></i></a></li>
          <li><a href="/profile?mode=editprofile"><i class="fa fa-user" title="Editar Perfil"></i></a></li>
          <li><a href="/privmsg?folder=inbox"><i class="fa fa-comments-o" title="Mensagens Privadas"></i></a></li>
          <li><a href="/search?search_id=watchsearch"><i class="fa fa-bell" title="Notificações"></i></a></li>         
          <li style="margin: -10px 0 0;">
            <img src="http://r16.imgfast.net/users/1615/40/26/04/avatars/1-73.png" alt="">
            <a href="/profile?mode=editprofile" title="Seu Perfil">{USERNAME}</a>
            <br>
            <a href="/login?logout" style="font-size: 13px">Sair</a>
         
              </li></li>
  </ul>
 
  </nav>
<!-- END switch_user_logged_in -->

Qualquer coisa é só me pedir!

Diapt

Ver perfil do usuário

7 Re: Avatar e Username na Header em Sab Ago 22, 2015 7:27 pm

Je4n

avatar
Membro ativo

Diapt escreveu:Vamos lá, foi muito demorado pra pensar em aparecer o nickname, por tanto mude o HTML pra este,
Código:

          <!-- BEGIN switch_user_logged_in -->
      <nav id="usuario">
        <ul id="menu2">
          <li><a href="#"><i class="fa fa-search" title="Pesquisar"></i></a></li>
          <li><a href="/profile?mode=editprofile"><i class="fa fa-user" title="Editar Perfil"></i></a></li>
          <li><a href="/privmsg?folder=inbox"><i class="fa fa-comments-o" title="Mensagens Privadas"></i></a></li>
          <li><a href="/search?search_id=watchsearch"><i class="fa fa-bell" title="Notificações"></i></a></li>          
          <li style="margin: -10px 0 0;">
            <img src="http://r16.imgfast.net/users/1615/40/26/04/avatars/1-73.png" alt="">
            <a href="/profile?mode=editprofile" title="Seu Perfil">{USERNAME}</a>
            <br>
            <a href="/login?logout" style="font-size: 13px">Sair</a>
          
              </li></li>
  </ul>
 
  </nav>
<!-- END switch_user_logged_in -->

Qualquer coisa é só me pedir!

Diapt
Isso não funciona, já tentei antes.



{WASD}
Ver perfil do usuário

8 Re: Avatar e Username na Header em Dom Ago 23, 2015 8:41 pm

Cepheus

avatar
Admin

Je4n escreveu:
waghcwb escreveu:Onde você colocou o script? Não achei ele carregando na página. Tem alguma conta de testes no seu fórum?
Ah... me desculpe. eu estou fazendo os testes primeiro no meu fórum de teste. Eu poderia mandar o link dele por MP ?

Isso atrasa o suporte, se está a usar um forum de teste, coloque no tópico superior o link do fórum principal, do fórum de teste e uma conta de teste.
Isso ajudará o seu tópico há não cair no esquecimento.





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    9 Re: Avatar e Username na Header em Dom Ago 23, 2015 9:02 pm

    Je4n

    avatar
    Membro ativo

    Cepheus escreveu:
    Je4n escreveu:
    waghcwb escreveu:Onde você colocou o script? Não achei ele carregando na página. Tem alguma conta de testes no seu fórum?
    Ah... me desculpe. eu estou fazendo os testes primeiro no meu fórum de teste. Eu poderia mandar o link dele por MP ?

    Isso atrasa o suporte, se está a usar um forum de teste, coloque no tópico superior o link do fórum principal, do fórum de teste e uma conta de teste.
    Isso ajudará o seu tópico há não cair no esquecimento.
    Sim, claro. Já atualizei o tópico.



    {WASD}
    Ver perfil do usuário

    10 Re: Avatar e Username na Header em Seg Ago 24, 2015 2:06 pm

    Cepheus

    avatar
    Admin

    Eu testei o código que o @waghcwb passou e ele estranhamente só executa no console, eu fiz uma pequena modificação:
    Troque o código passado pelo @waghcwb por esse:
    Código:
    $(window).load(function() {
        var $user = $('#usuario');

       if( _userdata.session_logged_in !== 1 ) {
          $user.remove();
       }
       else {
          $user.find('.username').text( _userdata.username );
          $user.find('.avatar').html( _userdata.avatar );
       }
    });





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    11 Re: Avatar e Username na Header em Seg Ago 24, 2015 5:20 pm

    Je4n

    avatar
    Membro ativo

    Funcionou perfeitamente. Muito obrigado @waghcwb e @Cepheus !



    {WASD}
    Ver perfil do usuário

    12 Re: Avatar e Username na Header em Seg Ago 24, 2015 8:03 pm

    MzS

    avatar
    Membro ativo

    [alerta="Mensagem automática"][/alerta]



    Este tópico foi movido de "JavaScript & jQuery" para "Arquivos".





    Olá
    Leia as regras.
    Leia os termos de uso
    Ver perfil do usuário

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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