[TUTORIAL] Exibir descrição do fórum em modo hover
Página 1 de 1 • Compartilhe •
[TUTORIAL] Exibir descrição do fórum em modo hover
![]() | Descrição do fórum em modo hover |
Com um código simples, podemos visualizar as descrições dos fóruns apenas quando passa o cursor em cima do tal fórum.
--> Tutoriais, dicas e astúcias <--
Exibir descrição do fórum em modo hover
Exibir descrição do fórum em modo hover
1º - Localização e noções básicas da função:
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
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Aplicação do CSS:
Adicione o seguinte código:
- Código:
.descricao {
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: .0;
}
.descricao:hover {
opacity: 1!important;
}
3º - Aplicando código HTML:
Aceda à:
Painel de controle -> Geral -> Fórum -> Categorias e fóruns
Clique em Modificar

descrição completa -> Altere para a descrição que desejar.<span class="descricao">descrição completa</span>
- Resultado:
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Exibir descrição do fórum em modo hover |
BrunoH.- Principal contribuidor
- Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum