Lista de secções na Home Page

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

Resolvido Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 11:28 am

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, 07:20 pm, editado 1 vez(es)

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por MateusA em 02/09/13, 11:31 am

Olá,

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

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 11:48 am

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://illiweb.com/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://illiweb.com/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://illiweb.com/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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por First em 02/09/13, 12:19 pm

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

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 12:20 pm

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

Até mais!

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por MateusA em 02/09/13, 12:24 pm

Olá,

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

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 12:48 pm

Fica uma barra verde bem em cima

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por MateusA em 02/09/13, 12:50 pm

Olá,

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

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 12:57 pm

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
http://i.imgur.com/g1YFgLY.png

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por Gaaratsu em 02/09/13, 01:06 pm

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


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Lista de secções na Home Page

Mensagem por MateusA em 02/09/13, 01:08 pm

Olá,

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

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 01:14 pm

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.

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por Sennior em 02/09/13, 01:33 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 01:40 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por Gaaratsu em 02/09/13, 03:11 pm

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


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 03:21 pm

Olá, falta a seta

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por Gaaratsu em 02/09/13, 03:32 pm

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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 04:03 pm


Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Lista de secções na Home Page

Mensagem por Gaaratsu em 02/09/13, 04:26 pm

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


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Lista de secções na Home Page

Mensagem por Sking em 02/09/13, 07:17 pm

Obrigado!

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

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