Alterar posição de pequeno efeito

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

Resolvido Alterar posição de pequeno efeito

Mensagem por IsmaelS. em 26/02/14, 02:44 pm

Qual é minha questão:
Olá,

Estou a utilizar o seguinte código:
Código:
#main-content a[href="/u1"] strong {position:relative;}
#main-content a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);content: "Fundador Geral";border-radius:5px;font-weight:bold;font-size:10px;padding:2px;color:#fff;position:absolute;bottom:15px;left:0px;display:inline-block;white-space:nowrap;z-index:1;}

O efeito que realiza é aparecer em cima do nick "Administrador Geral":


O que desejava era que o efeito aparece-se a frente do nick e não em cima, mais ou menos onde está o quadrado amarelo e verde desta print:



Endereço do meu fórum:
http://www.suportedesign.forumeiros.com

Versão do fórum:
PUNBB


Última edição por IsmaelS. em 26/02/14, 03:05 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Alterar posição de pequeno efeito

Mensagem por Kyo Panda em 26/02/14, 02:55 pm

Adicione isso a sua Folha de estilo CSS:

Código:
#main-content a[href="/u127"] strong:hover:after {
    bottom: 0;
    left: 75px;
}
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Alterar posição de pequeno efeito

Mensagem por Jpjupa em 26/02/14, 02:57 pm

Olá, tente o código css abaixo:

Código:

/* Desenvolvido por BlueBox - www.BlueBox.forumeiros.com */
#main-content a[href="/u127"] strong:hover:after {
bottom: 20px !important;
left: 20px !important;
}

Abraço!
BlueMan.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Alterar posição de pequeno efeito

Mensagem por IsmaelS. em 26/02/14, 03:04 pm

Olá,

Kyo Panda, resultou perfeitamente, Rideword. o seu ficou igual da mesma.

Resolvido!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

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