Botão com efeito dropdown
Fala pessoal, beleza?
Bom, estou desenvolvendo um site de jogos online, em wordpress, basicamente jogos em flash e afins, até ai tudo bem, só que estou com uma dificuldade na hora de mostrar algumas opções de páginas para os usuários cadastrados.
Eu usei um plugin pra gerar o cadastro e coloquei pra exibir o nome do usuário quando logado.
Como na imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://puu.sh/mECe0/822a2edb37.png&key=08d79481912c6cf031c0b93a8ebd014696c222ceb1fefcaa83f1a6bfd4fa654e" alt="822a2edb37.png" />
Estou puxando esse nome de usuário pelo seguinte código:
<div class="ola-visitante">
<?php global $current_user; if ( isset($current_user) ) { echo $current_user->user_login; }?>
</div>Eu quero fazer um efeito link, com menu dropdown no nome desse usuário, pois ao passar o mouse quero que exiba algumas opções, como: Favoritos, Pontos, Editar Perfil etc. Um exemplo exato do que quero fazer é aqui no próprio imasters, que ao logarmos aparece o nosso nome de usuário e várias opções aparecem ao clicarmos, como na imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://puu.sh/mFM4v/49879a0aba.png&key=189828f69ab5cfbc43815db3aa69ff299855f431c0ae59416d268af1d5164a3f" alt="49879a0aba.png" />
Quando o usuário clicar expande as opções:
/applications/core/interface/imageproxy/imageproxy.php?img=http://puu.sh/mFM6i/16e715f5a0.png&key=a72fc58b2b48c97a7b5551e142c47b07eee08366647e1b0b51d6316ce685aefb" alt="16e715f5a0.png" />
Tentei colocar esse código que exibe o nome de usuário dentro de um href e não funcionou. O nome de usuário perdeu a formatação, essa cor branca, que é dada a div que o contém, mas a formatação do href não funcionou, veja o código com o href:
<div class="ola-visitante">
<a href="#"><?php global $current_user; if ( isset($current_user) ) { echo $current_user->user_login; }?></a>
</div>IMPORTANTE! É possível puxar uma formatação dentro dessa div "ola-visitante" de modo que seja ativado para exibir somente quando o nome de usuário aparecer? ou seja, no estado normal, sem o usuário ter efetuado login não aparecer nada, e só então quando ele logar aparecer o efeito dropdown ao passar o mouse sobre o nome do usuário?
Caso alguém queira dar uma olhada no botão de login e o nome do usuário sendo exibido, vou deixar um login de teste aqui:
login: clickviciante
senha: 123456
Desde já agradeço por toda e qualquer ajuda!
Abraço.
Discussão (8)
Carregando comentários...