Como eu coloco isso aqui?

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

Resolvido Como eu coloco isso aqui?

Mensagem por Vow em 28/02/12, 04:23 pm

Qual é minha questão:
Oi como eu posso colocar um negócio que quando eu passo o mouse em cima da seção de aparência aparece "responsáveis" derrepentemente?

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
Nenhuma

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

Versão do meu fórum:
PHPBB3
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Troubleshoot em 28/02/12, 04:27 pm

Olá,

Leia o conteúdo de 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

Até mais Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2945

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Vow em 28/02/12, 04:36 pm

Funcionou obg mais como eu ponho cor?
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por iPrompt em 28/02/12, 04:39 pm

Aqui esta já com as cor

Código:
<b><div id="modo">Responsáveis: </b><font color="red">Exemplo</font></div>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Troubleshoot em 28/02/12, 04:45 pm

Troque o código :
Código:
<div id="modo">Moderadores: Exemplo, Exemplo, Exemplo.</div>
Por este:
<b><div id="modo">Responsáveis: </b><font color="#COR">Administrador,Moderador,Moderador</font></div>

Verde: Coloque uma cor aqui.

Site de cores personalizadas : mxstudio.com

Resulta ?

Piscada


Faz tempo que não peço o + , tem como você clicar nele pra mim ? Obrigado.


Última edição por !sasuky em 28/02/12, 04:46 pm, editado 1 vez(es) (Razão : ;;;)
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2945

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Vow em 28/02/12, 04:46 pm

Mais ficou todos com a mesma cor, eu quero cada um com sua cor do grupo :S
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por iPrompt em 28/02/12, 04:48 pm

Bom aqui esta

Código:
<b><div id="modo">Responsáveis: </b><font color="red">Exemplo</font><font color=blue>Exemplo</font><font color=green>Exemplo</font></div>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Vow em 28/02/12, 04:50 pm

Obrigado mano, funcionou mais se não for incomodo, tem como colocar tudo negrito? '-'
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por iPrompt em 28/02/12, 04:52 pm

Bom aqui esta vê se da

Código:
<b><div id="modo">Responsáveis: </b><b><font color="red">Exemplo</font><font color=blue>Exemplo</font><font color=green>Exemplo</font></div></b>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como eu coloco isso aqui?

Mensagem por Vow em 28/02/12, 04:55 pm

Valeu cara, funcionou perfeitamente valeu mesmo
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

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