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

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
Logo após deverão clicar sobre o botão de "" do fórum/sub-fórum desejado, e adicionar o seguinte código HTML:

<div id="modo">Moderadores: Exemplo, Exemplo, Exemplo.</div>

Vermelho -> Nome do grupo de moderadores da seção escolhida.
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


4º - Resultado final:

---

© Fórum dos Fóruns e Mr.Helper

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Responsável pela seção em modo Hover