Data/hora atual: 25.07.21 1:53

4 resultados encontrados para BFA98E

Efeito hover no nick

Olá!

Troque por este:

Código:
        a[href*="/u"] span[style="color:#BFA98E"] strong, .legendaa a.gensmall[href*="/g1"] {
        position:relative;
        }
        a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after, .legendaa a.gensmall[href*="/g1"]:hover:after {
        background-color: #BFA98E !important;
        border-radius: 2px;
        bottom: 15px;
        color: #FFFFFF;
        content: "Administrador do fórum";
        display: inline-block;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        left: -40px;
        padding: 3px;
        position: absolute;
        white-space: nowrap;
        z-index: 1;
        }


Modificações:

Flecha ajudeiros Troque #BFA98E pela cor do grupo
Flecha ajudeiros Troque /g1- pelo link do grupo

Atenciosamente.
por RafaelS.
em 15.07.15 22:16
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Efeito hover no nick
Respostas: 9
Vistos: 508

Efeito hover no nick

Olá!

Tem sim:

Código:
    a[href*="/u"] span[style="color:#BFA98E"] strong {
    position:relative;
    }
    a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after, .legendaa a.gensmall[style="color:#BFA98E"]:hover:after {
    background-color:"#BFA98E";
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Administrador do fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -40px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    }


Flecha ajudeiros Troque #BFA98E pela cor do grupo Piscada

Atenciosamente.
por RafaelS.
em 15.07.15 21:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Efeito hover no nick
Respostas: 9
Vistos: 508

Efeito hover no nick

Olá!

Vejamos um código que adiciona a todos usuários do grupo:

Código:
a[href*="/u"] span[style="color:#BFA98E"] strong {
position:relative;
}
a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after {
background-color:"#BFA98E";
border-radius: 2px;
bottom: 15px;
color: #FFFFFF;
content: "Administrador do fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -40px;
padding: 3px;
position: absolute;
white-space: nowrap;
z-index: 1;
}


Flecha ajudeiros Troque #BFA98E pela cor do grupo, que deseja adicionar o efeito.

Atenciosamente.
por RafaelS.
em 15.07.15 21:28
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Efeito hover no nick
Respostas: 9
Vistos: 508

Efeito em cima do nick da administração do fórum

Heeey ^^

Isso se chama tooltip =)

Se deseja colocar uma mesma descrição para todos de um grupo, coloque o seguinte código em seu CSS:

Código:

a[href*="/u"] span[style="color:#BFA98E"] strong {
   position:relative;
}
a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after {
    background-color:"#BFA98E";
    border-radius: 2px;
    bottom: 15px;
        color: #FFFFFF;
    content: "Administrador do fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -40px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}


Obs:
- A cor #BFA98E é a cor do grupo, logo, vc deve troca-la de acordo com a cor do grupo em que vc deseja colocar esse "balão".
- O #ffffff é a cor da letra a ser utilizada.
- Não altere o "/u" o que vai definir quem receberá a descrição no "balão" é a cor do grupo =)
- Esse code só funciona em grupos visíveis!
Agora.... se vc deseja colocar o tooltip em um usuário específico, o code é esse:

Código:

 
a[href*="/u??"]  strong {
   position:relative;
}
a[href="/u??"]  strong:hover:after {
    background-color:"#800080";
    border-radius: 2px;
    bottom: 15px;
        color: #FFFFFF;
    content: "Moderadores";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}


Neste caso, troque o /u?? Pelo id do usuario em questão, ex: /u456 Piscada

Espero ter ajudado *uu*
por Angel'
em 16.01.15 4:09
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Efeito em cima do nick da administração do fórum
Respostas: 7
Vistos: 731

Ir para o topo

Ir para: