Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosInformações em modo hover
2 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
Informações em modo hover
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
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- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Informações em modo hover
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- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Informações em modo hover
por Consolado 01.02.13 20:50
Olá!
Utilize esse código CSS:
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 "
" de um fórum e adicionar o seguinte código HTML na descrição dele:
Até mais!
Utilize esse código CSS:
- Código:
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}
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 "
" 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 & 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>
Até mais!
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Informações em modo hover
por #Dean 01.02.13 21:05
Vou ir testar e edito aki.
@edit:
Não funfou amigo.
@edit:
Não funfou amigo.
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Informações em modo hover
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- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Informações em modo hover
por Consolado 01.02.13 21:59
Olá!
Seu fórum não é phpBB2, troque o código CSS que te passei por esse:
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;
}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Tópicos semelhantes» Modo hover nas categorias
» Sub-fórum em modo hover
» Categoria modo hover
» Tirar modo hover
» Informação em modo hover
» Sub-fórum em modo hover
» Categoria modo hover
» Tirar modo hover
» Informação em modo hover
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