Lista de secções na Home Page

5 participantes

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

Tópico resolvido Lista de secções na Home Page

Mensagem por Sking 02.09.13 15:28

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


Última edição por Sking em 02.09.13 23:20, editado 1 vez(es)
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por MateusA 02.09.13 15:31

Olá,

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

Até!
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 15:48

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
Lista de secções na Home Page K1E1LHP
Criações Gráficas
Lista de secções na Home Page KPt3J4I
Fórum de análises
Lista de secções na Home Page YHATJ9g
Notícias e Novidades
Lista de secções na Home Page G1YFgLY
Área do Usuário
Lista de secções na Home Page Ap7AwJg
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por First 02.09.13 16:19

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

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 16:20

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

Até mais!
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por MateusA 02.09.13 16:24

Olá,

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

Até!
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 16:48

Fica uma barra verde bem em cima
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por MateusA 02.09.13 16:50

Olá,

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

Até!
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 16:57

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
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Konai 02.09.13 17:06

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. Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por MateusA 02.09.13 17:08

Olá,

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

Até!
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 17:14

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sennior 02.09.13 17:33

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 17:40

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Konai 02.09.13 19:11

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. Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 19:21

Olá, falta a seta
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Konai 02.09.13 19:32

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. Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 20:03

avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Konai 02.09.13 20:26

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. Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções na Home Page

Mensagem por Sking 02.09.13 23:17

Obrigado!
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos