Avatar e Username na Header

• 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... 
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

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:
  

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

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

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

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 ?

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.

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 );
   }
});