Qual é sua questão:
Necessito centralizar a barra rapida que vocês ensinam a fazer nesse tutorial.

https://ajuda.forumeiros.com/t32787-tutorial-adicionar-lista-de-secoes-na-mensagem-da-home-page




Que medidas você tomou para corrigir o problema:
Todas

Apresente-nos imagens do problema (se necessário):
https://2img.net/r/ihimizer/img38/8362/barravf.png

Endereço do fórum:
http://dollscorporation.criaforum.com

Versão do fórum:
PHPBB2

Olá,

Creio que não seja possível.

Coloque o código Script entre às tags "<center>COLOQUE_O_CÓdigo</center>"

Nossa, mas tem que ser possivel assim fica MTO feio O.O
Esse código infelizmente não funciona =/

Mr. Supero escreveu:O único jeito é adicionar o seguinte no início do HTML, após o JAVASCRIPT:

Código:

<div style="margin-left: 19px;">

E ao final:

Código:

</div>

Veja se a resposta de Mr. Supero concluí sua questão.

Nada =/

Boa tarde,

Por favor, me envie o código que está utilizando e eu resolverei o seu problema.

Atenciosamente.

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 divirta-se!');
  });
});

</script><div style="margin-left: 19px;"><div class="img_list_hp"><a href http://dollscorporation.criaforum.com/f1-pullip "><img height="59" src=" http://img263.imageshack.us/img263/9931/94370934.png " alt="Deseja entrar na parte de Pullips?"><span> Pullips </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f7-taeyang-e-isul"><img height="59" src="http://img832.imageshack.us/img832/1702/50792857.png" alt="Temos uma otima parte de tutoriais uteis!."><span> Taeyang e Isul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f8-dal-e-byul"><img height="59" src="http://img829.imageshack.us/img829/4070/94109484.png" alt="Gostaria de entrar na nossa parte dedicada á bicudinhas?"><span> Dal e Byul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f5-blythe"><img height="59" src="http://img3.imageshack.us/img3/6563/80313992.png" alt="Entre em nossa área dedicada á Blythes"><span>Blythe</span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c5-bad-dolly-deals-parceria"><img height="59" src="http://img155.imageshack.us/img155/8568/78098509.png" alt="Gostaria de saber se um vendedor é confiavel?"><span>Bad Dolly Deals </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c1-off-topic"><img height="59" src="http://img534.imageshack.us/img534/6785/26229333.png" alt="Gostaria de saber das novidades do mundo?"><span> Off-Tópic </span></a></div><div class="img_list_hp"><a href="http://www.flickr.com/photos/tukkaa/"><img height="59" src="http://img819.imageshack.us/img819/8409/39928770.png" alt="Você tem uma marca ou um site? Venha ser Parceiro!"><span>Quer ser Parceiro?</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e divirta-se!!</div>

Estou usando esse ;D
Obrigada!

Boa tarde,

Tente o seguinte:

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 divirta-se!');
  });
});

</script><div id="Imagens_Lista_HomePage">
<div class="img_list_hp"><a href http://dollscorporation.criaforum.com/f1-pullip "><img height="59" src=" http://img263.imageshack.us/img263/9931/94370934.png " alt="Deseja entrar na parte de Pullips?"><span> Pullips </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f7-taeyang-e-isul"><img height="59" src="http://img832.imageshack.us/img832/1702/50792857.png" alt="Temos uma otima parte de tutoriais uteis!."><span> Taeyang e Isul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f8-dal-e-byul"><img height="59" src="http://img829.imageshack.us/img829/4070/94109484.png" alt="Gostaria de entrar na nossa parte dedicada á bicudinhas?"><span> Dal e Byul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f5-blythe"><img height="59" src="http://img3.imageshack.us/img3/6563/80313992.png" alt="Entre em nossa área dedicada á Blythes"><span>Blythe</span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c5-bad-dolly-deals-parceria"><img height="59" src="http://img155.imageshack.us/img155/8568/78098509.png" alt="Gostaria de saber se um vendedor é confiavel?"><span>Bad Dolly Deals </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c1-off-topic"><img height="59" src="http://img534.imageshack.us/img534/6785/26229333.png" alt="Gostaria de saber das novidades do mundo?"><span> Off-Tópic </span></a></div><div class="img_list_hp"><a href="http://www.flickr.com/photos/tukkaa/"><img height="59" src="http://img819.imageshack.us/img819/8409/39928770.png" alt="Você tem uma marca ou um site? Venha ser Parceiro!"><span>Quer ser Parceiro?</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e divirta-se!!</div></div>

E no seu css, adicione o seguinte:

Código:

#Imagens_Lista_HomePage {padding-left: 15px;}

Testado e funcionando em todas as versões.

Atenciosamente.

Infelizmente não funcionou =/

Boa tarde,

Remova o anterior e adicione o seguinte:

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 divirta-se!');
  });
});

</script><div id="Imagens_Lista_HomePage">
<div class="img_list_hp"><a href http://dollscorporation.criaforum.com/f1-pullip "><img height="59" src=" http://img263.imageshack.us/img263/9931/94370934.png " alt="Deseja entrar na parte de Pullips?"><span> Pullips </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f7-taeyang-e-isul"><img height="59" src="http://img832.imageshack.us/img832/1702/50792857.png" alt="Temos uma otima parte de tutoriais uteis!."><span> Taeyang e Isul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f8-dal-e-byul"><img height="59" src="http://img829.imageshack.us/img829/4070/94109484.png" alt="Gostaria de entrar na nossa parte dedicada á bicudinhas?"><span> Dal e Byul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f5-blythe"><img height="59" src="http://img3.imageshack.us/img3/6563/80313992.png" alt="Entre em nossa área dedicada á Blythes"><span>Blythe</span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c5-bad-dolly-deals-parceria"><img height="59" src="http://img155.imageshack.us/img155/8568/78098509.png" alt="Gostaria de saber se um vendedor é confiavel?"><span>Bad Dolly Deals </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c1-off-topic"><img height="59" src="http://img534.imageshack.us/img534/6785/26229333.png" alt="Gostaria de saber das novidades do mundo?"><span> Off-Tópic </span></a></div><div class="img_list_hp"><a href="http://www.flickr.com/photos/tukkaa/"><img height="59" src="http://img819.imageshack.us/img819/8409/39928770.png" alt="Você tem uma marca ou um site? Venha ser Parceiro!"><span>Quer ser Parceiro?</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e divirta-se!!</div></div>

No CSS, também deverá remover o anterior e adicionar o seguinte:

Código:

#Imagens_Lista_HomePage {text-align:-moz-center; text-align:-webkit-center; ;}

Atenciosamente.

Que estranho, nada funciona =/

Ops, achei um errinho no css que havia lhe passado

Tente agora:

Código:

#Imagens_Lista_HomePage {text-align:-moz-center; text-align:-webkit-center;}

Sem problemas!!
Mas porque sera que ta tão complicado centralizar esse treco?

Ainda não deu.

Se quiser desistir eu vou entender.

Jeffrey escreveu:Olá,

Creio que não seja possível.[/color]"

Não é questão de desistir, e sim de tentar. Eu já fiz várias tentativas de centralizar essa lista de seções. Depois de todas as respostas de Mr. Supero eu estou chegando a conclusão que não é possível.

Mr. Supero escreveu:Boa tarde,

Tente o seguinte:

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 divirta-se!');
  });
});

</script><div id="Imagens_Lista_HomePage">
<div class="img_list_hp"><a href http://dollscorporation.criaforum.com/f1-pullip "><img height="59" src=" http://img263.imageshack.us/img263/9931/94370934.png " alt="Deseja entrar na parte de Pullips?"><span> Pullips </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f7-taeyang-e-isul"><img height="59" src="http://img832.imageshack.us/img832/1702/50792857.png" alt="Temos uma otima parte de tutoriais uteis!."><span> Taeyang e Isul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f8-dal-e-byul"><img height="59" src="http://img829.imageshack.us/img829/4070/94109484.png" alt="Gostaria de entrar na nossa parte dedicada á bicudinhas?"><span> Dal e Byul </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/f5-blythe"><img height="59" src="http://img3.imageshack.us/img3/6563/80313992.png" alt="Entre em nossa área dedicada á Blythes"><span>Blythe</span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c5-bad-dolly-deals-parceria"><img height="59" src="http://img155.imageshack.us/img155/8568/78098509.png" alt="Gostaria de saber se um vendedor é confiavel?"><span>Bad Dolly Deals </span></a></div><div class="img_list_hp"><a href="http://dollscorporation.criaforum.com/c1-off-topic"><img height="59" src="http://img534.imageshack.us/img534/6785/26229333.png" alt="Gostaria de saber das novidades do mundo?"><span> Off-Tópic </span></a></div><div class="img_list_hp"><a href="http://www.flickr.com/photos/tukkaa/"><img height="59" src="http://img819.imageshack.us/img819/8409/39928770.png" alt="Você tem uma marca ou um site? Venha ser Parceiro!"><span>Quer ser Parceiro?</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e divirta-se!!</div></div>

E no seu css, adicione o seguinte:

Código:

#Imagens_Lista_HomePage {padding-left: 15px;}

Testado e funcionando em todas as versões.

Atenciosamente.

Após adicionar esses códigos O BLOCO não se moveu nem um pouquinho, nada nada

Aeeeeeeeeeeeeee!
Obrigadaaaaaaaaaaaaa!

Desculpe por tanto trabalho ta?

Pode fechar!