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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
184 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 182 Visitantes :: 2 Motores de busca

AlexG, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 11/04/15, 07:52 pm

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 13/04/15, 11:56 am, editado 1 vez(es)
avatar

APOllO
Usuário destaque

Masculino
Inscrito dia : 08/12/2014
Mensagens : 990
Pontos Ativos : 1385

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

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

Mensagem por Rafael em 13/04/15, 11:43 am

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

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

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

Mensagem por APOllO em 13/04/15, 11:55 am

deu certinho boa Obrigado @ichees Venerar
avatar

APOllO
Usuário destaque

Masculino
Inscrito dia : 08/12/2014
Mensagens : 990
Pontos Ativos : 1385

Ver perfil do usuário 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