Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
» Menu de Navegação
Hoje à(s) 21:00 por iScroll

» Degrade para meu fórum
Hoje à(s) 20:03 por xBreninho_.

» Banner PARCERIA
Hoje à(s) 19:51 por Fou-Lu

» Assinatura MSO...
Hoje à(s) 19:33 por Fou-Lu

» [LOGO] para Fórum!
Hoje à(s) 19:31 por Fou-Lu

» Imagens e assinatura não se adequadram no fórum
Hoje à(s) 17:59 por -xGabriel..

» Menu de navegação
Hoje à(s) 17:34 por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
278 usuários online :: 4 usuários cadastrados, 1 Invisível e 273 Visitantes :: 2 Motores de busca

Daemon, Fou-Lu, iScroll, Kyo Panda

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Centralizar lista de seções na mensagem da home-page

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

Resolvido Centralizar lista de seções na mensagem da home-page

Mensagem por APOllO em Sab 11 Abr 2015 - 23:52

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Somente comigo
Endereço do fórum : http://suportesamp.forumeiros.com/

Descrição do problema

Boa Noite!, então queria apenas ajuda para centralizar o codigo como diz na imagen.

Codigo CSS

Código:
.img_list_hp {
border: 1px solid #2A2B2A;
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: #2A2B2A;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}

Codigo da Home Page
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('Veja alguns de nossos recursos que a SS tem a oferecer');
  });
});
</script><div class="img_list_hp"><a href="/portal.forum?pid=2"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/tutori10.png" alt="Veja a como fazer GameMods,FilterScripts,Instalar Mods,entre outros, Com quem entende do assunto "><span>Tutoriais</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/suport10.png" alt="A Suporte SA-MP oferece um suporte gratuito a seu servidor! Procuramos sempre ajudar de forma carismatica & simples."><span>suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/design10.png" alt="A nossa área de designer oferece entregas,sugestões e trabalhos gratuitos."><span>Designers</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/servid10.png" alt=" Está enjuado dos seus servidores T-T ? Veja nossa Lista de servidores e se divirta!"><span>Servidores</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/divulg10.png" alt=" Divulgue gratuitamente seu servidor SA-MP mostre-nos o que ele tem a oferecer!"><span>Divulgação</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/analis10.png" alt="Quer saber se seu Servidor e realmente bom ?! e o que ele pode melhorar ?! peça já uma ánalise e veja nossa opnião!"><span>Análises</span></a></div><div style="clear: both" id="img_list_alt">Veja alguns de nossos recursos que a SS tem a oferecer</div>

Pipoca


Última edição por Apollo em Seg 13 Abr 2015 - 15:56, editado 1 vez(es)

APOllO
Usuário destaque

Masculino
Inscrito dia : 08/12/2014
Mensagens : 781
Pontos Ativos : 1943

http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Centralizar lista de seções na mensagem da home-page

Mensagem por RafaelS. em Seg 13 Abr 2015 - 15:43

Olá!

Troque o código da homepage 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('Veja alguns de nossos recursos que a SS tem a oferecer');
  });
});
</script>
<style>
#centrando{margin-left: 28%;}
</style>
<div id="centrando"><div class="img_list_hp"><a href="/portal.forum?pid=2"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/tutori10.png" alt="Veja a como fazer GameMods,FilterScripts,Instalar Mods,entre outros, Com quem entende do assunto "><span>Tutoriais</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/suport10.png" alt="A Suporte SA-MP oferece um suporte gratuito a seu servidor! Procuramos sempre ajudar de forma carismatica & simples."><span>suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/design10.png" alt="A nossa área de designer oferece entregas,sugestões e trabalhos gratuitos."><span>Designers</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/servid10.png" alt=" Está enjuado dos seus servidores T-T ? Veja nossa Lista de servidores e se divirta!"><span>Servidores</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/divulg10.png" alt=" Divulgue gratuitamente seu servidor SA-MP mostre-nos o que ele tem a oferecer!"><span>Divulgação</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i19.servimg.com/u/f19/19/19/25/81/analis10.png" alt="Quer saber se seu Servidor e realmente bom ?! e o que ele pode melhorar ?! peça já uma ánalise e veja nossa opnião!"><span>Análises</span></a></div><div style="clear: both" id="img_list_alt">Veja alguns de nossos recursos que a SS tem a oferecer</div></div>

Até mais! Café

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3101
Pontos Ativos : 5031

http://maisforum.forumeiros.com

Resolvido Re: Centralizar lista de seções na mensagem da home-page

Mensagem por APOllO em Seg 13 Abr 2015 - 15:55

deu certinho boa Obrigado @ichees Venerar

APOllO
Usuário destaque

Masculino
Inscrito dia : 08/12/2014
Mensagens : 781
Pontos Ativos : 1943

http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

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