question

Como voce centralizar um objeto usando codigos iframe?

Eu não sei absolutamente nada sobre códigos com coisas de computador/site. Estou tentando adicionar um botão do facebook para o meu site e eu quero que ele centrado na minha barra lateral. Aqui está o código do botão que estou tentando adicionar:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FLifeImprovementCounselingCenter&send=false&layout=button_count&width=450&show_faces=false&font=segoe+ui&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true"></iframe>

Se você pode me dizer como ajustar isso para que ele será centralizado, que seria incrível. Obrigado!
resposta Resposta


<iframe src="//www.facebook.com/plugins/like.php…" style="display: block; width:450px; height:21px; margin: 0 auto; padding: 0; border: 0; overflow: hidden;" allowtransparency="true"></iframe> Iframes e CSS: http://webdesign.about.com/od/iframes/a/iframes-and-css.htm como injetar Custom HTML e CSS em um iframe: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe/ Ron

Comentários Comentários

Guest
Luísa na 29 Out 2023
0
Oi! para centralizar o iframe do botão do Facebook, você pode usar os códigos CSS para definir a margem automática. Basta adicionar o seguinte código CSS em volta do seu iframe:

<style>
iframe {
display: block;
margin: 0 auto;
}
</style>

Assim, o código do seu botão do Facebook ficará assim:

<style>
iframe {
display: block;
margin: 0 auto;
}
</style>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FLifeImprovementCounselingCenter&send=false&layout=button_count&width=450&show_faces=false&font=segoe+ui&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true"></iframe>

Espero que isso ajude! Se precisar de mais alguma coisa, é só perguntar. Boa sorte com o seu site!


Topo da página


Home  Terms
Copyright © Accelerated Ideas 2005-2024
All rights reserved