Como colocar o nome dos responsaveis por uma determinada categoria

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

Resolvido Como colocar o nome dos responsaveis por uma determinada categoria

Mensagem por ShoutPark' em 31/03/12, 07:18 pm

Qual é minha questão:
queria saber como eu faço para colocar os nomes dos moderadores de uma
determinada categoria,mais eu quero como a do forum que quando colocado o mouse numa determinada categoria os nomes dos responsaveis apareçam.

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:
http://forumextremecheats.forumeiros.com/

Versão do meu fórum:
PUNBB
avatar

ShoutPark'
Nível 2

Masculino
Inscrito dia : 30/03/2012
Mensagens : 14
Pontos Ativos : 26

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

Resolvido Re: Como colocar o nome dos responsaveis por uma determinada categoria

Mensagem por MateusV. em 31/03/12, 07:20 pm

Olá, peço que leia o conteudo do spoiler
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


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

Cordialmente. Feliz aniversário
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar o nome dos responsaveis por uma determinada categoria

Mensagem por ShoutPark' em 31/03/12, 07:28 pm

eu tentei aqui mais o codigo hover nao deu certo =/
avatar

ShoutPark'
Nível 2

Masculino
Inscrito dia : 30/03/2012
Mensagens : 14
Pontos Ativos : 26

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

Resolvido Re: Como colocar o nome dos responsaveis por uma determinada categoria

Mensagem por Firenando em 01/04/12, 07:26 am

Olá, adicione este código abaixo em sua Folha Estilo CSS.

Seta Painel de controle Seta Visualização Seta Cores Seta Folha Estilo CSS

Código:
#modo {
display: none;
position: absolute;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

Agora aqui está o código para você modificar.

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

Resultou?

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.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