Cómo sobreponer una animación de una página web en otra usando frames

  • Autor Autor xaiborweb
  • Fecha de inicio Fecha de inicio
xaiborweb

xaiborweb

Dseda
Programador
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
hola amigos de forobeta

resulta que en esta pagina Tower Crane Guide | MORROW hay una animación que quiero que aparezca en esta pagina Ingeteco - ingenieria y tecnologia colombiana

ya que no fui capas de copiarme la animación solamente entonces pensé cargar esta pagina Tower Crane Guide | MORROW dentro de esta Ingeteco - ingenieria y tecnologia colombiana para que así de la impresión que es de nuestra pagina y no de otra como es el caso, para eso pensé en cargarla por medio de frames quedándome así : Grúa - Ingeteco

el problema es que necesito ocular el header de la pagina cargada en pocas palabras esto http://gyazo.com/c04bfaf1d744b9a38deb20da0273d5fe

para que se viera así http://gyazo.com/7658433ac4dddba141a17070e5ae4c42

espero alguien me pueda echar una mano y muchas gracias por su ayuda y comentarios
 
Tira de un iframe para incrustar la animación, en HTML5 funciona muy bien.

Más info: HTML iframe tag
 
Tira de un iframe para incrustar la animación, en HTML5 funciona muy bien.

Más info: HTML iframe tag

si pero con esto incrusto toda la pagina no solo la parte de la animación y como menciono el problema es que quiero hacer parecer que la animación es de nuestra pagina y no de una externa
 
Hombre...eso queda un poco feo no? estás robando el trabajo de otro...

Prueba a contactar con el propietario de la página y pregunta por colaboración...que menos.
 
Hola

Puedes usar este código

Para el HTML
HTML:
<div class="contenedor-iframe">
<iframe name="iframe" class="iframe" src="http://www.morrow.com/crane101" frameborder="0" scrolling="no"></iframe> 
</div>

Y el CSS
HTML:
.contenedor-iframe{
position:relative;
width:1000px;
height:1500px;
margin: 0 auto;
overflow-x:hidden;
overflow-y:hidden;
}

.iframe{
position:absolute;
width:970px;
height:1600px;
margin-top:-145px;
margin-left: 0px;
overflow:hidden;
}

Saludos 🙂
 
Hola

Puedes usar este código

Para el HTML
HTML:
<div class="contenedor-iframe">
<iframe name="iframe" class="iframe" src="http://www.morrow.com/crane101" frameborder="0" scrolling="no"></iframe> 
</div>

Y el CSS
HTML:
.contenedor-iframe{
position:relative;
width:1000px;
height:1500px;
margin: 0 auto;
overflow-x:hidden;
overflow-y:hidden;
}

.iframe{
position:absolute;
width:970px;
height:1600px;
margin-top:-145px;
margin-left: 0px;
overflow:hidden;
}

Saludos 🙂

brother me salvaste la vida muchísimas gracias
 
Atrás
Arriba