Como deixar o perfil no menu de navegação assim

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

Resolvido Como deixar o perfil no menu de navegação assim

Mensagem por WebGames em Dom 16 Set 2012 - 17:59

Qual é minha questão:
Eae galera da forumeiros tipo eu queria saber se tem como para tipo quando um membro passar o mouse ensima do perfil la em cima aparecer isso em baixo : http://i.imgur.com/vZ9PO.jpg

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://wincheats.fanbb.net/

Versão do meu fórum:
Não sei


Última edição por dayvid11 em Qui 20 Set 2012 - 16:06, editado 1 vez(es)
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como deixar o perfil no menu de navegação assim

Mensagem por Luciano98 em Qui 20 Set 2012 - 15:32

Poderia explicar melhor seu problema?

Atenciosamente.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como deixar o perfil no menu de navegação assim

Mensagem por WebGames em Qui 20 Set 2012 - 15:53

Tipo quando passa o mouse no menu de navegação naquela parte ''PERFIL'' aparece tipo Avatar Assinatura e tals como dito na imagen
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como deixar o perfil no menu de navegação assim

Mensagem por Josh em Qui 20 Set 2012 - 16:00

Olá!

Crie um novo widget e insira o seguinte código:

No valor de vermelho insira o título das abas, no valor de laranja insira o conteúdo respectivo a cada aba (1 e 2).
Agora adicione este código em sua folha de estilos CSS:
Código:
.TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
}
.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 0.7em sans-serif;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}
.TabbedPanelsTabHover {
    background-color: #CCC;
}
.TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
    color: black;
    text-decoration: none;
}
.TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #EEE;
}

.TabbedPanelsContent {
    padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #EEE;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
}

O menu deste fórum foi feito aqui: http://cssmenumaker.com/menu/blue-opera-drop-down-menu

Abraços!
Muito feliz
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Como deixar o perfil no menu de navegação assim

Mensagem por WebGames em Qui 20 Set 2012 - 16:06

não funcionou mais deixa para la
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

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

- Tópicos similares

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