Menu dropdown do usuario

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

Atendido / Resolvido Menu dropdown do usuario

Mensagem por PrisoN†BreaK em 06.08.16 1:00

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com
Versão do fórum: PunBB

Descrição


https://imgur.com/2kJhaCy
Eu gostaria de um painel de usuário como esse, no meu fórum, tem como? Pode ser parecido.
PrisoN†BreaK

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1239
Pontos Ativos : 1745

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

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por Wamki em 06.08.16 1:33

Boa noite,
Isto é impossível, só existe painel desde tipo só na plataforma IPB.

Um grande abraço e carinho,
Wamki
Wamki

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 344
Pontos Ativos : 475

Ver perfil do usuário http://infostyle.forumbrasil.net https://www.facebook.com/oioioi https://twitter.com/oioioi

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por YouTube3 em 06.08.16 1:35

Painel de Controle Menu dropdown do usuario 1337678750 Módulos Menu dropdown do usuario 1337678750 Gestão dos javascript Menu dropdown do usuario 1337678750 Novo javascript:

Título: De sua preferência.
Investimento: Em todas as páginas.

Código:

/* Menu-DropDown by David Wellington*/
/* Base of code by Daemon.H */

$(document) .ready(function () {
    $('a[href="/profile?mode=editprofile"]') .toggle(function () {
        $('.nav_c') .remove();
        $('#user_navigation a') .removeClass('menu_active');
        var avatar = _userdata.avatar;
        var member = $(this) .text();
        $(this) .addClass('menu_active') .closest('#user_navigation') .after('<div id="perfil_drop"class="nav_c"><a href="/profile?mode=editprofile"class="avat"style="float: left;">' + avatar + '</a><ul id="links"style="z-index: 10000;text-align: left;"><li><a href="/profile?mode=editprofile">Meu Perfil</a></li><li><a href="/sta/' + member + '">Meu conteúdo</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Mudar avatar</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li></li></ul></div></div>')
    }, function () {
        $(this) .removeClass('menu_active');
        $('#perfil_drop') .remove();
        return false
    })
});

CSS:
Código:

/*Menu-DropDown*/
#perfil_drop{
    background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
    border: 0px none !important;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
    color: #225985;
    font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    overflow: hidden;
    position: absolute;
    right: 9.2%;
    text-align: left;
    top: 36px;
    width: 360px;
    z-index: 999;
}
.nav_c{
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58)!important;
}

.avat img {
    background: none repeat scroll 0px 0px #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 50px;
    margin: 10px;
    padding: 1px;
    width: 50px;
}
#perfil_drop li {
    float: right;
    line-height: 22px;
    white-space: nowrap;
    width: 38%;
}
#perfil_drop li a {
    color: #00569C;
    text-decoration: none;
}
.menu_active {
background: #fff;
border-radius: 5px 5px 0 0;
color: #000!important;
}
YouTube3

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por PrisoN†BreaK em 06.08.16 13:13

Resultou, agora eu gostaria de coloca ele embaixo dessa seta que marquei em preto:
https://imgur.com/a/prwo2

PrisoN†BreaK

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1239
Pontos Ativos : 1745

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por while em 06.08.16 17:27

Olá, adicione mais esse código css em sua folha de estilo:

Código:
#perfil_drop {margin-right:-140px!important;}

Qualquer coisa, só mude o valor ao seu gosto.

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por PrisoN†BreaK em 06.08.16 17:31

Resolvido, obrigado.
PrisoN†BreaK

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1239
Pontos Ativos : 1745

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

Atendido / Resolvido Re: Menu dropdown do usuario

Mensagem por while em 06.08.16 17:34

Menu dropdown do usuario Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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