Adicionar lista de seções na home page

Primeiramente, Acho que este é o fórum perfeito para tirar Essa dúvida. Bem, Quero fazer o mesmo passo do FDF, Alguém pode me explicar como faze-lo? Abaixo uma imagem para minha dúvida.

Abraços!

Imagem:

Olá!

Veja este tópico: Adicionar lista de seções na mensagem da home-page.
A lista de seções é um sistema que destaca as seções que o fórum possui na mensagem da home-page, fazendo com que todos os usuários que acessarem poderão ver o que existe no fórum e, ao passar o mouse sobre a imagem de cada uma das seções ver uma breve descrição dela.

Resolve?

Melhores cumprimentos,
seender

Olá seender,
Atualmente não entendi vários conteúdos explicados. Poderia me indicar o que significa tudo isso?


Agora vamos ao código, que será dividido em três partes diferentes:

A parte inicial:
<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>


Para cada seção deverá copiar e colar este código:
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="Endereço da imagem" alt="Descrição"><span>Título da seção</span></a></div>


Parte final:
<div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>

Agradeço, Está muito complicado para mim, Poderia expressar outra questão para ser mais um pouco rápido e prático?

Abraços!

Olá seender,
Atualmente não entendi vários conteúdos explicados. Poderia me indicar o que significa tudo isso?


Agora vamos ao código, que será dividido em três partes diferentes:

A parte inicial:
<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>


Para cada seção deverá copiar e colar este código:
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="Endereço da imagem" alt="Descrição"><span>Título da seção</span></a></div>


Parte final:
<div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>

Agradeço, Está muito complicado para mim, Poderia expressar outra questão para ser mais um pouco rápido e prático?

Abraços!

Olá!

Você quer fazer um idêntico ao do FDF?
Se for isso, eu lhe passo o código, já modificado para funcionar no seu fórum.

Até mais.
Luciano98.