Lista de secções na Home Page

Qual é minha questão:
Olá, como faço para coloca esses quadrados em baixo de bem vindo?
http://programando.forum-pro.net/

Endereço do meu fórum:
http://brasileiros.forumais.com

Versão do fórum:
PHPBB3

Olá,

Queira checar:
[TUTORIAL] Lista de seções

Até!

Obrigado mais poderia me ajudar nessa parte

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="/portal.forum?pid=2"><img height="59" src="http://2img.net/i/fa/fdf/questions.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Tutoriais e astúcias</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://2img.net/i/fa/fdf/nuage.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Ajuda e suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://2img.net/i/fa/fdf/peindre.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Criações gráficas</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i30.servimg.com/u/f30/11/14/55/92/images10.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Hitskin</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i62.servimg.com/u/f62/12/62/55/38/voix1010.png" alt="Gostaria de tornar seu fórum mais conhecido, encontrar novos membros para a equipe ou fazer parcerias?"><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i60.servimg.com/u/f60/11/40/70/67/review10.png" alt="Gostaria de saber o que pensamos do seu fórum e o que nele achamos que pode ser melhor?"><span>Análises</span></a></div><div class="img_list_hp"><a href="/-f15/"><img height="59" src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="Criou um blog Criarumblog? Não fique perdido, também ofeceremos suporte!"><span>Criarumblog</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>

Eu queria assim
Publicidade

Criações Gráficas

Fórum de análises

Notícias e Novidades

Área do Usuário

Olá,

Troque o seu código HTML por 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="/portal.forum?pid=2"><img height="59" src="http://i.imgur.com/k1E1LHP.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i.imgur.com/kPt3J4I.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Criações Gráficas</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i.imgur.com/YHATJ9g.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Fórum de análises</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i.imgur.com/Ap7AwJg.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Área do Usuário</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>

Até mais.

Olá, obrigado não ficou do jeito que eu queria..

Até mais!

Olá,

Se refere á edição? se for, fica por sua conta.
Deseja um alinhamento horizontal? pode ser mais especifico?

Até!

Fica uma barra verde bem em cima

Olá,

Ative o efeito em vosso fórum, e retire-o da manutenção para que eu poça corrigir o erro.

Até!

Olá, veja está verde em cima
não tem a seta como este http://programando.forum-pro.net/
e eu queria que colocasse mais um quadrado com essa figura Notícias e Novidades
https://i.imgur.com/g1YFgLY.png

Saudações!

Substitua-o por 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="/portal.forum?pid=2"><img height="59" src="http://i.imgur.com/k1E1LHP.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i.imgur.com/kPt3J4I.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Criações Gráficas</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i.imgur.com/YHATJ9g.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Fórum de análises</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i.imgur.com/Ap7AwJg.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Área do Usuário</span></a></div><div class="img_list_hp"><a href="/-f1/"><img height="59" src="http://i.imgur.com/g1YFgLY.png" alt="Veja as notícias e novidade do fórum!"><span>Notícias e Novidades</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>

Atenciosamente.

Olá,

Aquilo e a personalização da tua home-page, terá de criar outro tópico caso queira retira-la.

Até!

Olá, desculpe o incomodo mais falta a certa e poderia deixa no meio?

Mais poderia tronca a frase do primeiro para essa

Publicidade.

Espaço reservado a publicidade de Fóruns. Crie já a sua publicação e conheça outros fóruns.

Criação gráfica.

Este é um serviço gratuito de criação e customização gráfica, peça aqui qualquer tipo de trabalho gráfico para seu fórum.

Fórum de analises

Peça aqui uma análise do deu fórum, a equipe avaliará e apontará sugestões de como melhorar.

Área do usuario

Área para elogiar, criticar, tirar suas dúvidas ou postar tutoriais relacionados ao fórum.

Noticia e novidades

Veja as noticias do fórum e do mundo.

Boas!

Altere o código pelo abaixo amigo:

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="/portal.forum?pid=2"><img height="59" src="http://i.imgur.com/k1E1LHP.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i.imgur.com/kPt3J4I.png" alt="Espaço reservado a publicidade de Fóruns. Crie já a sua publicação e conheça outros fóruns."><span>Criações Gráficas</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i.imgur.com/YHATJ9g.png" alt="Este é um serviço gratuito de criação e customização gráfica, peça aqui qualquer tipo de trabalho gráfico para seu fórum."><span>Fórum de análises</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i.imgur.com/Ap7AwJg.png" alt="Peça aqui uma análise do deu fórum, a equipe avaliará e apontará sugestões de como melhorar."><span>Área do Usuário</span></a></div><div class="img_list_hp"><a href="/-f1/"><img height="59" src="http://i.imgur.com/g1YFgLY.png" alt="Área para elogiar, criticar, tirar suas dúvidas ou postar tutoriais relacionados ao fórum.</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.

Olá, não ficou do jeito que eu queria veja
http://brasileiros.forumais.com/

Saudações!

A barra verde é um código que está na tua CSS, porém é contra as regras ajudar tópicos que contenham duas ou mais questões.

Todavia, substitua o código atual por 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="/portal.forum?pid=2"><img height="59" src="http://i.imgur.com/k1E1LHP.png" alt="Espaço reservado a publicidade de Fóruns. Crie já a sua publicação e conheça outros fóruns."><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i.imgur.com/kPt3J4I.png" alt="Este é um serviço gratuito de criação e customização gráfica, peça aqui qualquer tipo de trabalho gráfico para seu fórum."><span>Criações Gráficas</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i.imgur.com/YHATJ9g.png" alt="Peça aqui uma análise do deu fórum, a equipe avaliará e apontará sugestões de como melhorar."><span>Fórum de análises</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i.imgur.com/Ap7AwJg.png" alt="Área para elogiar, criticar, tirar suas dúvidas ou postar tutoriais relacionados ao fórum."><span>Área do Usuário</span></a></div><div class="img_list_hp"><a href="/-f1/"><img height="59" src="http://i.imgur.com/g1YFgLY.png" alt="Veja as noticias do fórum e do mundo."><span>Notícias e Novidades</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>

Atenciosamente.

Olá, falta a seta

Saudações!

A seta é via CSS!

Utilizaremos este código:

Código:

.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;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Para adiciona-lo, aceda à: Painel de Controle -> Visualização -> Imagens e Cores -> Cores ->> Folha de estilo CSS

Atenciosamente.

Mudou nada

Poderia coloca o código para ir nessas paginas?
Publicidade
http://brasileiros.forumais.com/f8-publicidade
Criações Gráficas
http://brasileiros.forumais.com/f6-criacoes-graficas
Fórum de análises
http://brasileiros.forumais.com/f22-forum-de-analises
Área do Usuário
http://brasileiros.forumais.com/f4-area-do-usuario
Notícias e Novidades
http://brasileiros.forumais.com/f25-noticias-e-novidades

Saudações!

Impossível não mudar nada... testei em meu fórum de testes e o código funciona perfeitamente!

Substitua o código atual por 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://brasileiros.forumais.com/f8-publicidade"><img height="59" src="http://i.imgur.com/k1E1LHP.png" alt="Espaço reservado a publicidade de Fóruns. Crie já a sua publicação e conheça outros fóruns."><span>Publicidade</span></a></div><div class="img_list_hp"><a href="http://brasileiros.forumais.com/f6-criacoes-graficas"><img height="59" src="http://i.imgur.com/kPt3J4I.png" alt="Este é um serviço gratuito de criação e customização gráfica, peça aqui qualquer tipo de trabalho gráfico para seu fórum."><span>Criações Gráficas</span></a></div><div class="img_list_hp"><a href="http://brasileiros.forumais.com/f22-forum-de-analises"><img height="59" src="http://i.imgur.com/YHATJ9g.png" alt="Peça aqui uma análise do deu fórum, a equipe avaliará e apontará sugestões de como melhorar."><span>Fórum de análises</span></a></div><div class="img_list_hp"><a href="http://brasileiros.forumais.com/f4-area-do-usuario"><img height="59" src="http://i.imgur.com/Ap7AwJg.png" alt="Área para elogiar, criticar, tirar suas dúvidas ou postar tutoriais relacionados ao fórum."><span>Área do Usuário</span></a></div><div class="img_list_hp"><a href="http://brasileiros.forumais.com/f25-noticias-e-novidades"><img height="59" src="http://i.imgur.com/g1YFgLY.png" alt="Veja as noticias do fórum e do mundo."><span>Notícias e Novidades</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>

Atenciosamente.

Obrigado!