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

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://forumdoator.forumeiros.com/

Descrição do problema

Olá a todos,

Tendo um pequeno problema com códigos(pra variar), mas este tutorial foi dificil de se resolver, depois de um tempo, falta ainda uma pequenas reparações, mas o problema principal é: Na frase: ''Passe o mouse sobre uma imagem para conhecer mais o nosso fórum''; Quando passo o mouse sobre as seções, não aparece a descrição como previsto, de resto tudo certo, podem me ajudar a identificar qual parte do código errei? Passei um bom tempo resolvendo outros problemas e de repente me aparece esse.

Atenciosamente.

Olá!

O problema é que tinham "div"s no script que não necessitavam estar lá...

E também já arrumei a descrição de um item que estava com as aspas simples e deveria estar com as duplas.

Aqui está o código ajeitado:

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 o nosso fórum');
   });
});
</script>
<div class="img_list_hp">
 <a href="/-f1/"><img style="height: 59px;" alt="Chegou agora no fórum? Leia as regras." src="http://i38.servimg.com/u/f38/19/09/32/97/images19.jpg" /><span>Regras</span></a>
</div>
<div class="img_list_hp">
 <a href="/-f4/"><img style="height: 59px;" alt="Conheça os membros da diretoria e suas funções no fórum." src="http://i38.servimg.com/u/f38/19/09/32/97/images20.jpg" /><span>Staff</span></a>
</div>
<div class="img_list_hp">
 <a href="/-f6/"><img style="height: 59px;" alt="Tem alguma sugestão para o fórum? Conheça as ferramentas do fórum" src="http://i38.servimg.com/u/f38/19/09/32/97/images21.jpg" /><span>Feedback</span></a>
</div>
<div class="img_list_hp">
 <a href="/-f11/"><img style="height: 59px;" alt="Conte-nos sua experiência como ator/atriz." src="http://i38.servimg.com/u/f38/19/09/32/97/images24.jpg" /><span>Relatos de atuação</span></a>
</div>
<div class="img_list_hp">
 <a href="/-f13/"><img style="height: 59px;" alt="Convide alguém para assistir sua peça" src="http://i38.servimg.com/u/f38/19/09/32/97/images25.jpg" /><span>Convite para peças</span></a>
</div>
<div class="img_list_hp">
 <a href="/-f12/"><img style="height: 59px;" alt="Se divirta. Momento de descontração" src="http://i38.servimg.com/u/f38/19/09/32/97/images26.jpg" /><span>Bar dos atores</span></a>
</div>
<div id="img_list_alt" style="clear: both">
 Passe o mouse sobre uma das imagens e conheça mais o nosso fórum
</div>

Abraço.

Olá Gabe,

Veja no fórum, colei o código, não alterei nada, apenas antes de colar o código fiz uma mensagem no homepage, mas antes mesmo disso colei o codigo e continuou a mesma coisa que esta agora, colei agora para testar e continuou, meu fórum tá doido, porque não tem explicação.

Atenciosamente.

Boa tarde.

Acessei seu fórum e o código que está lá ainda é o antigo, estranhamente.

Tente colar o que lhe passei novamente, cuidando para salvar as alterações.

Abraço!

Veja neste print, colei o código corretamente, colei até o código lá do tutorial do jeito que estava para testar, mas sempre dá no mesmo, não vejo explicação, já exclui e colei de novo o código da css, mas sempre fica assim. https://i.servimg.com/u/f38/19/09/32/97/demons10.png.
Veja neste print o codigo do tutorial que colei no meu outro fórum(teste) https://i.servimg.com/u/f38/19/09/32/97/demons11.png de uma certa forma fica diferente.

No seu fórum de testes também não está funcionando?

Sim está funcionando perfeitamente, é a mesma versão, primeiro testei nele, vi que funcionou colei o código como estava colei no meu fórum e ficou a mesma coisa com exceção da questão do mouse: Meu fórum de testes: forumdemais.forumeiros.com. Nunca vi isso acontecer, só no meu fórum que está dando errado. A não ser que eu exclua toda a mensagem existente na homepage e coloque só o código como teste.

Tenta fazer isso, pode ser que algum código esteja interferindo, pois parece que ele muda assim que você salva. Estarei no aguardo.

Olá Gabe,

Finalmente deu certo, mas na verdade, não porque eu exclui a mensagem já existente, estava dando errado por um detalhe bem estúpido, que não faz o menor sentido. Veja nas imagens do codigo antes e do depois: Antigamente: https://i.servimg.com/u/f38/19/09/32/97/antiga10.png; Código de agora que deu certo: https://i.servimg.com/u/f38/19/09/32/97/o_cert10.png; Era só os espaços, fui excluindo os espaços, como se fosse um texto sem paragrafo, depois cliquei em salvar e pronto, o próprio sistema fez uma alteração diferente que ficou ficou como na foto, só a tag < a href que ficou separado, era só isso mesmo, agora faço algumas alterações na foto e pronto!  agradeço sua paciência para solucionar esse problema e pelo código correto que me passou.

Atenciosamente.