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

Esqueci minha senha

Últimos assuntos
» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
JulioPais
 
Shek
 
APOllO
 
Forumpw
 

Quem está conectado
214 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 214 Visitantes :: 2 Motores de busca

Nenhum

[ 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
Artmeiro
Artmeiro

Masculino
Inscrito dia : 08/12/2014
Mensagens : 869
Pontos Ativos : 1236

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

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

Mensagem por RafaelS. 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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

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
Artmeiro
Artmeiro

Masculino
Inscrito dia : 08/12/2014
Mensagens : 869
Pontos Ativos : 1236

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