Informações em modo hover

2 participantes

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

Tópico resolvido Informações em modo hover

Mensagem por #Dean 01.02.13 18:49

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 22:10, editado 1 vez(es)
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por #Dean 01.02.13 20:04

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

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por Consolado 01.02.13 20:50

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!
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por #Dean 01.02.13 21:05

Vou ir testar e edito aki.

@edit:
Não funfou amigo.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por #Dean 01.02.13 21:53

!NexT escreveu:Vou ir testar e edito aki.

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

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por Consolado 01.02.13 21:59

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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Informações em modo hover

Mensagem por #Dean 01.02.13 22:05

Funfou vlw
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos