Publicado em 27 de jun.

[Resolvido] Iframe

Olá!

Gostaria de saber como faz pra ajustar uma página dentro do Iframe.

Tenho uma pagina Html normal, dentro dela tenho um iframe de (por ex) 200x300px. Dentro deste retângulo no iframe abre o site (por ex)http://g1.globo.com/. Até aí beleza, então o que quero é ajustar o site G1 dentro do iframe para que apareça apenas as notícias mais lidas.

Quero saber se tem como ajustar sem as barras de rolagem, mantendo o scrolling="no"

-------------------------

Pra quem entende um pouco de corel, quero fazer do Iframe a mesma coisa que um power clip.

Bom não sei se consegui me explicar, mas a dúvida está aí e agradeço a quem puder ajudar.

Valeu!!

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

André do Vale· 28 de jun.

Ou você utiliza algum plugin/código de scroll (scrollTo por exemplo) no iframe, fazendo ele rolar até o ponto XY desejado, ou pode ver uma maneira de executar esse javascript (jquery) dentro do iframe:

$('.agrupamento-ranking-textual').prependTo('body');
$('body>*').each(function(){
 if(!$(this).hasClass('agrupamento-ranking-textual')){
 $(this).remove();
 }
})

 

 :thumbsup:

--- Edit: o código acima é para o exemplo citado (G1).

Apulko· 28 de jun.

>
Ou você utiliza algum plugin/código de scroll (scrollTo por exemplo) no iframe, fazendo ele rolar até o ponto XY desejado, ou pode ver uma maneira de executar esse javascript (jquery) dentro do iframe:

$('.agrupamento-ranking-textual').prependTo('body');
$('body>*').each(function(){
 if(!$(this).hasClass('agrupamento-ranking-textual')){
 $(this).remove();
 }
})

 

 :thumbsup:

--- Edit: o código acima é para o exemplo citado (G1).

André obrigado pela resposta, mas desse modo seria o mais fácil, ou o único meio de isso ocorrer?

Apulko· 28 de jun.

Bom, depois de pensar em uma forma de fazer isso, fazendo uma pequena gambiarra eu consegui.

Segue o código:

 <iframe src="http://g1.globo.com/" frameborder="1" scrolling="no" width="1500" height="1550" style="margin-top:-1250px; margin-left:-922px" >
 </iframe>

</div>
</body>

Reparem que consegui centralizar as noticias mais lidas (como ex).

Bom, consegui desse modo, se alguém souber algo mais simples e fácil diz aí.

Obrigado.