InícioComo eu coloco isso aqui?
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como eu coloco isso aqui?
por Vow 28.02.12 19:23
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:
https://ajuda.forumeiros.com
Versão do meu fórum:
PHPBB3
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:
https://ajuda.forumeiros.com
Versão do meu fórum:
PHPBB3
Vow- Novo Membro
- Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24 -
Re: Como eu coloco isso aqui?
por Troubleshoot 28.02.12 19:27
Olá,
Leia o conteúdo de spoiler.
Até mais
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
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:
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
4º - 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
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Vow- Novo Membro
- Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24 -
Re: Como eu coloco isso aqui?
por Roevs 28.02.12 19:39
Aqui esta já com as cor
- Código:
<b><div id="modo">Responsáveis: </b><font color="red">Exemplo</font></div>
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como eu coloco isso aqui?
por Troubleshoot 28.02.12 19:45
Troque o código :
Verde: Coloque uma cor aqui.
Site de cores personalizadas : mxstudio.com
Resulta ?
Faz tempo que não peço o + , tem como você clicar nele pra mim ? Obrigado.
- Código:
<div id="modo">Moderadores: Exemplo, Exemplo, Exemplo.</div>
<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 ?
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 19:46, editado 1 vez(es) (Motivo da edição : ;;;)
Troubleshoot- Hiper Membro
- Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009 -
Re: Como eu coloco isso aqui?
por Vow 28.02.12 19:46
Mais ficou todos com a mesma cor, eu quero cada um com sua cor do grupo :S
Vow- Novo Membro
- Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24 -
Re: Como eu coloco isso aqui?
por Roevs 28.02.12 19:48
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>
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como eu coloco isso aqui?
por Vow 28.02.12 19:50
Obrigado mano, funcionou mais se não for incomodo, tem como colocar tudo negrito? '-'
Vow- Novo Membro
- Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24 -
Re: Como eu coloco isso aqui?
por Roevs 28.02.12 19:52
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>
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Vow- Novo Membro
- Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos