Como coloco responsável na seção hover

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como coloco responsável na seção hover

Mensagem por zW-No.? em 11/03/12, 12:06 pm

Qual é minha questão:
Olá, gostaria de colocar os responsaveis pelas Hover, tipo Moderadores: Nick 1, Nick 2 etc... mais queria colocar com a cor do nick do responsavel tipo iRayden cor Vermelha

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
...

Endereço do meu fórum:
skycheats.forumais.com

Versão do meu fórum:
PUNBB
avatar

zW-No.?
Nível 10

Masculino
Inscrito dia : 12/02/2012
Mensagens : 257
Pontos Ativos : 335

Ver perfil do usuário http://www.masterpixelforum.forumeiros.eu

Resolvido Re: Como coloco responsável na seção hover

Mensagem por Ace em 11/03/12, 12:10 pm

Olá,

Leia:

Spoiler:
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



- 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 "Editar" 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.

- 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;
}

- 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


- Resultado final:
(carregue na imagem para aumentar)



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



Para com as cores, basta que adicione nos locais desejados, tags HTML como:

Código:
<font color=#e90000> Nome do usuário </font>

Nome do usuário

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum