Alterar posição de pequeno efeito

3 participantes

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

Tópico resolvido Alterar posição de pequeno efeito

Mensagem por IsmaelS. 26.02.14 17:44

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

Alterar posição de pequeno efeito 139

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:

Alterar posição de pequeno efeito 230


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 18:05, editado 1 vez(es)
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar posição de pequeno efeito

Mensagem por Kyo Panda 26.02.14 17:55

Adicione isso a sua Folha de estilo CSS:

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar posição de pequeno efeito

Mensagem por Jpjupa 26.02.14 17:57

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

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar posição de pequeno efeito

Mensagem por IsmaelS. 26.02.14 18:04

Olá,

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

Resolvido!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos