Efeito do mouse na lista de seções

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

Resolvido Efeito do mouse na lista de seções

Mensagem por LuizLopes. em 13/01/11, 02:52 pm

Qual é sua questão:
Bom obrigado por estarem ajudando eu queria saber se tem como colocar um botão aqui do FDF aquele que tem assim:Passe o mouse sobre uma das imagens e conheça um pouco mais sobre ****.
Agradeço

Que medidas você tomou para corrigir o problema:
Ainda nãoconsegui

Apresente-nos imagens do problema (se necessário):
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por Gabe em 13/01/11, 02:55 pm

Olá!

Veja este tutorial:

Adicionar lista de seções na mensagem da home-page

Abraços, Gabriel.
avatar

Gabe
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por LuizLopes. em 13/01/11, 03:37 pm

Gabriel muito obrigado mas minha duvida é essa porque a descrição está afastada veja meu forum:Brasmanager.forumeiros.net/
Obrigado!
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por Gabe em 13/01/11, 03:39 pm

Olá novamente!

Deve ser um problema de alinhamento!

Poderia passar o código que criou?

Abraços, Gabriel.
avatar

Gabe
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por LuizLopes. em 13/01/11, 03:44 pm

Código:
<center>
<script>
jQuery(function() {
  jQuery('.img_list_hp img').mouseover(function() {
      jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
  }).mouseout(function() {
      jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
  });
});
</script><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/t1-tutorial-leia-isto-se-voce-e-novato"><img height="59" src="http://illiweb.com/fa/pbucket.gif" alt="Se você é novato leia"><span>Tutorial</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f4-jogos"><img height="59" src="http://illiweb.com/fa/pbucket.gif" alt="Faça amistosos e coloque seus jogadores para jogarem"><span>Estadio Central</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f6-transferencias"><img height="59" src="http://illiweb.com/fa/pbucket.gif" alt="Aqui ocorrem as transferencias"><span>Transferências</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f9-times"><img height="59" src="http://illiweb.com/fa/pbucket.gif" alt="Treine seus jogadores aqui"><span>C.T</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça o brasmanager!</div>
Obrigado mais uma vez por está contribuindo no desenvolvimento do brasmanager
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por Gabe em 13/01/11, 03:50 pm

Olá!

Antes de qualquer modificação, salve o código antigo... Piscada

Tente este:

Código:
<script>
jQuery(function() {
  jQuery('.img_list_hp img').mouseover(function() {
      jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
  }).mouseout(function() {
      jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
  });
});
</script><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/t1-tutorial-leia-isto-se-voce-e-novato"><img src="http://illiweb.com/fa/pbucket.gif" alt="Se você é novato leia" height="59"><span>Tutorial</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f4-jogos"><img src="http://illiweb.com/fa/pbucket.gif" alt="Faça amistosos e coloque seus jogadores para jogarem" height="59"><span>Estadio Central</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f6-transferencias"><img src="http://illiweb.com/fa/pbucket.gif" alt="Aqui ocorrem as transferencias" height="59"><span>Transferências</span></a></div><div class="img_list_hp"><a href="http://brasmanager.forumeiros.net/f9-times"><img src="http://illiweb.com/fa/pbucket.gif" alt="Treine seus jogadores aqui" height="59"><span>C.T</span></a></div><div style="clear: both;" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>

Abraços, Gabriel.
avatar

Gabe
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por LuizLopes. em 13/01/11, 03:54 pm

Gabriel continuou da mesma maneira só mudou a mensagem da descrição

Alguem pode me responder
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por Needke em 15/01/11, 11:17 am

Boa tarde,

Será que a sua dúvida ficou então esclarecida, ou ainda precisa de suporte adicional? Piscada

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por LuizLopes. em 15/01/11, 11:49 am

Bom needke no meu forum ficou meio afastado a descrição da seta e gostaria de ajuda
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

Resolvido Re: Efeito do mouse na lista de seções

Mensagem por Needke em 15/01/11, 12:02 pm

Já compreendi a sua questão, mas terá que substituir o código (CSS) no seu fórum por esse:

Painel de Controlo Seta Visualização Seta Imagens e Cores Seta Cores
Selecione na aba 'Folha de estilo CSS' e adicione isso:

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat!important;
background-position: 20px -10px!important;
padding-top: 3px!important;
padding-left: 55px!important;
}

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

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