[TUTORIAL] Efeito Tooltip para usuários específicos
Página 1 de 1
[TUTORIAL] Efeito Tooltip para usuários específicos
![]() | Efeito Tooltip para usuários específicos |
Com um CSS é possível especificar para um usuário um balão com a escolha do Administrador assim como é usado aqui em Fórum dos Fóruns. A função é bem simples mas elegante a aqueles que visitam ou participam do fórum.
--> Tutoriais, dicas e astúcias <--
Efeito Tooltip para usuários específicos
Efeito Tooltip para usuários específicos
1º - Aplicação do código CSS:
CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2. phpbb3, punbb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS
Vá em: Painel de controle ![]() ![]() ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Em seguida, você poderá aplicar o seguinte código, alterando o U1 pelo número de usuário para qual quer que o balão apareça.
- Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
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;
}
- Resultado
© Fórum dos Fóruns & Hancki
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Efeito Tooltip para usuários específicos |
![-](https://2img.net/i/empty.gif)
» Efeito tooltip para usuários específicos
» Efeito tooltip para usuários especificos
» Tooltip para usuários específicos
» Efeito de brilho a específicos usuários
» Efeito tooltip nos usuários
» Efeito tooltip para usuários especificos
» Tooltip para usuários específicos
» Efeito de brilho a específicos usuários
» Efeito tooltip nos usuários
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos