Responsáveis pela seção em modo hover

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

  • 0

Resolvido Responsáveis pela seção em modo hover

Mensagem por Edmix em 28/02/12, 08:08 am

Qual é minha questão:
Como apareçer os moderadores ou responsáveis, somente ao passar o mouse nas categorias! E gostaria de saber se ela so serve para as categorias iniciais ou eu posso por em qualquer mini-categoria? ^^

Ex: Responsáveis: Mod1 - Mod2

Medidas que eu tomei para corrigir o problema:
Vim na FDF! pois aqui que eu vi isso! ^^

Links e imagens do meu problema:
Não é nescessário. eu axo ^^

Endereço do meu fórum:
www.gamezerbrasil.com

Versão do meu fórum:
PHPBB2
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Responsáveis pela seção em modo hover

Mensagem por iPrompt em 28/02/12, 08:11 am

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

E Ponha este Código :

Código:
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}

Depois vai na Categoria que deseja por

Painel de Controle Seta Geral Seta Fórum Seta Categorias e Fóruns

Clica em : Na categoria que quer por

E vai em : Descrição :

E Ponha este Código : <b><div id="modo">Responsáveis: </b><font color="red">O NICK DO RESPONSÁVEL </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/
  • 0

Resolvido Re: Responsáveis pela seção em modo hover

Mensagem por King Gz; em 28/02/12, 08:12 am

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

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Responsáveis pela seção em modo hover

Mensagem por Edmix em 28/02/12, 09:13 am

obrigado coper e king, aconteçe que o seu coper phbb3!

Outra coisa...
mais tipo num teria como eu deixa ele fixo, pois quando ele apareçe ele dá um espaço automatico e fica mto estranho!
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com
  • 0

Resolvido Re: Responsáveis pela seção em modo hover

Mensagem por King Gz; em 28/02/12, 09:16 am

Bom dia,

Substitua seu código css por este
Código:
    #modo {
    display: none;
    position: absolute;
    }
    .forumline .row1:hover #modo {
    display: block;
  }

No código html adicione a tag "br" no começo do efeito e no fim do código que montou para pular uma linha.
Código:
<br> </br>

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Responsáveis pela seção em modo hover

Mensagem por Edmix em 28/02/12, 09:19 am

Agora sim mais o <br> NEM FOI PRECISO ^^ kkk vlw mlk


RESOLVIDO!
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

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