Centralizar lista de seções
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Centralizar lista de seções
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
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
Re: Centralizar lista de seções
Olá,
Creio que não seja possível.
Coloque o código Script entre às tags "<center>COLOQUE_O_CÓdigo</center>"
Creio que não seja possível.
Coloque o código Script entre às tags "<center>COLOQUE_O_CÓdigo</center>"
Re: Centralizar lista de seções
Nossa, mas tem que ser possivel assim fica MTO feio O.O
Esse código infelizmente não funciona =/
Esse código infelizmente não funciona =/
Re: Centralizar lista de seções
Veja se a resposta de Mr. Supero concluí sua questão.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>
Re: Centralizar lista de seções
Boa tarde,
Por favor, me envie o código que está utilizando e eu resolverei o seu problema.
Atenciosamente.
Por favor, me envie o código que está utilizando e eu resolverei o seu problema.
Atenciosamente.
Convidad- Convidado
Re: Centralizar lista de seções
- 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!
Re: Centralizar lista de seções
Boa tarde,
Tente o seguinte:
E no seu css, adicione o seguinte:
Testado e funcionando em todas as versões.
Atenciosamente.
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.
Convidad- Convidado
Re: Centralizar lista de seções
Boa tarde,
Remova o anterior e adicione o seguinte:
No CSS, também deverá remover o anterior e adicionar o seguinte:
Atenciosamente.
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.
Convidad- Convidado
Re: Centralizar lista de seções
Ops, achei um errinho no css que havia lhe passado
Tente agora:
Tente agora:
- Código:
#Imagens_Lista_HomePage {text-align:-moz-center; text-align:-webkit-center;}
Convidad- Convidado
Re: Centralizar lista de seções
Sem problemas!!
Mas porque sera que ta tão complicado centralizar esse treco?
Ainda não deu.
Se quiser desistir eu vou entender.
Mas porque sera que ta tão complicado centralizar esse treco?
Ainda não deu.
Se quiser desistir eu vou entender.
Re: Centralizar lista de seções
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.Jeffrey escreveu:Olá,
Creio que não seja possível.[/color]"
Re: Centralizar lista de seções
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
Convidad- Convidado
Re: Centralizar lista de seções
Aeeeeeeeeeeeeee!
Obrigadaaaaaaaaaaaaa!
Desculpe por tanto trabalho ta?
Pode fechar!
Obrigadaaaaaaaaaaaaa!
Desculpe por tanto trabalho ta?
Pode fechar!
Tópicos semelhantes
» Centralizar lista de seções na mensagem da home-page
» Lista de seções
» Lista de seções não funciona
» Lista de seções na mensagem da homepage
» Lista de seções na home page
» Lista de seções
» Lista de seções não funciona
» Lista de seções na mensagem da homepage
» Lista de seções na home page
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos