Adicionar lista de seções na home page

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

Resolvido Adicionar lista de seções na home page

Mensagem por Consolado em 13/05/11, 12:57 pm

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:

avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Adicionar lista de seções na home page

Mensagem por seender em 13/05/11, 12:59 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Adicionar lista de seções na home page

Mensagem por Consolado em 13/05/11, 01:15 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Adicionar lista de seções na home page

Mensagem por Consolado em 13/05/11, 01:17 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Adicionar lista de seções na home page

Mensagem por Luciano98 em 13/05/11, 10:56 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

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