[TUTORIAL] Responsável pela seção em modo Hover
Página 1 de 1 • Compartilhe

[TUTORIAL] Responsável pela seção em modo Hover
![]() | Responsáveis pela seção em modo hover |
Diversos administradores desejam ter descrito em seus fóruns, os responsáveis da seção, mas ocupa um espaço excessivo. Veremos como adicionar os responsáveis em modo hover.
--> Tutoriais, dicas e astúcias <--
Responsável pela seção em modo Hover
Responsável pela seção em modo Hover
1º - Conhecer e introduzir o código:
Primeiramente deveremos aceder aos fóruns ou sub-fóruns desejados:
Painel de Controle -> Geral -> Fórum -> Categorias e Fóruns
![[TUTORIAL] Responsável pela seção em modo Hover 1113](https://i.servimg.com/u/f73/11/83/01/31/1113.gif)

Vermelho -> Nome do grupo de moderadores da seção escolhida.<div id="modo">Moderadores: Exemplo, Exemplo, Exemplo.</div>
Azul -> Nome dos moderadores da seção.
2º - Personalizar o código:
Agora vamos usar o código CSS para utilizarmos o efeito hover. Cada versão é um código, utilize de acordo com a versão do seu fórum logo abaixo.
![]() | PhpBB 2 |
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}
![]() | PhpBB 3 |
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
![]() | PunBB |
.#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
![]() | Invision |
#modo {
display: none;
}
.ipbtable tbody tr td.row2:hover #modo {
display: block;
}
3º - Aplicando o código CSS:
Vamos agora adicionar o código CSS na folha de estilo CSS. Aceda em:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
![[TUTORIAL] Responsável pela seção em modo Hover 1114](https://i.servimg.com/u/f71/11/61/24/05/1114.gif)
4º - Resultado final:

![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Responsável pela seção em modo Hover |
Cream- Membro Proficiente
-
Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11643

» Responsável pela seção em modo hover
» Responsáveis pela seção em modo hover
» [TUTORIAL] Sub-fóruns em modo hover
» Responsáveis pela seção em modo hover
» Responsável pela seção
» Responsáveis pela seção em modo hover
» [TUTORIAL] Sub-fóruns em modo hover
» Responsáveis pela seção em modo hover
» Responsável pela seção
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos