Informações em modo hover

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

Resolvido Informações em modo hover

Mensagem por #Dean em 01/02/13, 04:49 pm

Qual é minha questão:
Iae Boa Tarde. Vou direto ao assunto.

Vi um efeito legal nesse forúm aki:

www.gameliveforever.forumeiros.com

o efeito e esse aki Print:

http://prntscr.com/r78go

Ate agora normal, agora quando eu passo o mouse por cima acontece:

http://prntscr.com/r78j1

Gostaria de saber como faz isso Obrigado. 


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

Versão do fórum:
PHPBB2


Última edição por !NexT em 01/02/13, 08:10 pm, editado 1 vez(es)
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Informações em modo hover

Mensagem por #Dean em 01/02/13, 06:04 pm

Malz o double post mais alguem me ajuda? Obs: Sei que não sou o unico mais to precisando muito.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Informações em modo hover

Mensagem por Consolado em 01/02/13, 06:50 pm

Olá!

Utilize esse código CSS:
Código:
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}
Adicione-o em:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Em seguida vá até Painel de Controle -> Geral -> Fórum -> Categorias e Fóruns
Logo após deverá clicar sobre o botão de " Editar " de um fórum e adicionar o seguinte código HTML na descrição dele:
Código:
<div id="modo"><br><table width="755" border="0" cellspacing="1" cellpadding="1">
  <tbody><tr>
    <th width="24" scope="col"><img src="http://i.imgur.com/pizRY.png" border="0" alt="">
    </th><td width="416" align="left"><strong><span class="style2"><a href="http://gameliveforever.forumeiros.com/f3-promocoes-rebaixamentos" class="postlink"><font color="#473e44">Promoções &amp; Rebaixamentos</font></a></span>
       
    </strong>
    </td><th width="17" scope="col"><img src="http://i.imgur.com/pizRY.png" border="0" alt="">
    </th><td width="285" align="left"><span class="style4"><strong><a href="http://gameliveforever.forumeiros.com/f6-resignacao" class="postlink style2"><font color="#473e44">Resignação</font></a></strong>    </span>    </td></tr>
  <tr>
    <th scope="row"><img src="http://i.imgur.com/pizRY.png" border="0" alt="">
    </th><td align="left"><strong><span class="style4 style2"><a href="http://gameliveforever.forumeiros.com/f4-restabelecimentos" class="postlink "><font color="#473e44">Restabelecimentos</font></a></span></strong><span class="style4">    </span>   
    </td><th scope="col"><img src="http://i.imgur.com/pizRY.png" border="0" alt="">
    </th><td align="left"><span class="style4 "><strong><a href="http://gameliveforever.forumeiros.com/f7-reportar-ausencia" class="postlink style2"><font color="#473e44">Reportar Ausência</font></a><a href="http://forum.brasilexpressiveliving.com/f60-denuncias-contra-gangs-e-orgs-terroristas"></a></strong></span><span class="style4 style1"><a href="http://forum.brasilexpressiveliving.com/f60-denuncias-contra-gangs-e-orgs-terroristas">
   
    </a>    </span>  </td></tr>
  <tr>
    <th scope="row"><img src="http://i.imgur.com/pizRY.png" border="0" alt="arrow1">
    </th><td align="left"><strong><a href="http://gameliveforever.forumeiros.com/f5-retiradas" class="postlink "><font color="#473e44">Retiradas</font></a></strong>
</td><th scope="col">
    </th><td align="left">  </td></tr>
</tbody></table>
</div>
Clique no botão Salvar.

Até mais!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Informações em modo hover

Mensagem por #Dean em 01/02/13, 07:05 pm

Vou ir testar e edito aki.

@edit:
Não funfou amigo.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Informações em modo hover

Mensagem por #Dean em 01/02/13, 07:53 pm

!NexT escreveu:Vou ir testar e edito aki.

@edit:
Não funfou amigo
Olha como ficou http://forumdetestes2013.forumeiros.com/.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Informações em modo hover

Mensagem por Consolado em 01/02/13, 07:59 pm

Olá!

Seu fórum não é phpBB2, troque o código CSS que te passei por esse:
Código:
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Informações em modo hover

Mensagem por #Dean em 01/02/13, 08:05 pm

Funfou vlw
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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