Responsáveis pela seção em hover

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

Atendido / Resolvido Responsáveis pela seção em hover

Mensagem por '-Hobby-' em 23.02.12 22:11

Qual é minha questão:
Olá!

Eu ainda agora notei uma coisa na Descrição dos Fóruns, que, quando você passa o mouse aparecerás:
Responsáveis: Cream - Ace

Eu gostária deste código.

Fico grato desde já,
'-Hobby-'

Medidas que eu tomei para corrigir o problema:


Links e imagens do meu problema:


Endereço do meu fórum:
hobby.forum.st

Versão do meu fórum:
PHPBB3
'-Hobby-'

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 16/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

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

Mensagem por AquilesD. em 23.02.12 22:17

Aqui esta o codigo

Código:
</div>
<span class="fo-resp"><strong>Responsáveis:</strong> <span class="moderadeiros">Cream</span> - <span class="ajudeiros">Ace</span></span><br /><strong></strong> </div>


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5920
Pontos Ativos : 7595

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

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

Mensagem por '-Hobby-' em 23.02.12 23:18

Olá!

TopManiacos, eu já havia feito isto antes, mas não deu.
'-Hobby-'

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 16/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

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

Mensagem por Ace em 23.02.12 23:20

Boa noite,

Leia este tutorial:
Spoiler:

Responsáveis pela seção em hover Theme 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
Responsáveis pela seção em hover 1113
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.

Responsáveis pela seção em hover Versio11 PhpBB 2
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio12 PhpBB 3
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio15 PunBB
.#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio14 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

Responsáveis pela seção em hover 1114

- Resultado final:
(carregue na imagem para aumentar)
Responsáveis pela seção em hover PsC7z



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


Responsáveis pela seção em hover Act_bottom 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

Melhores cumprimentos!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

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

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

Mensagem por '-Hobby-' em 23.02.12 23:40

Olá!

Ace, eu já vi este tutorial, fiz tudo nele mais também deu erro.
'-Hobby-'

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 16/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

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

Mensagem por Gabe em 01.03.12 16:12

Olá!

Veja este tópico:

:seta2: Colocar responsáveis na descrição do fórum

Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5769
Pontos Ativos : 7546

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

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

Mensagem por Gabriel Cutolo em 01.03.12 23:36

Tem ele para a versão PunBB ?
Gabriel Cutolo

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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

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

Mensagem por Gabe em 02.03.12 0:52

Olá!

Leia o conteúdo do spoiler:
Spoiler:
Responsáveis pela seção em hover Theme 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
Responsáveis pela seção em hover 1113
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.

Responsáveis pela seção em hover Versio11 PhpBB 2
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio12 PhpBB 3
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio15 PunBB
.#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

Responsáveis pela seção em hover Versio14 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

Responsáveis pela seção em hover 1114

- Resultado final:
(carregue na imagem para aumentar)
Responsáveis pela seção em hover PsC7z



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


Responsáveis pela seção em hover Act_bottom 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


Abraço.
Gabe

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5769
Pontos Ativos : 7546

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

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


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