Cómo navegar por otra web sin salirte de la tuya

A la hora de hacer tutoriales,de mostrar páginas webs que nos gustan,.... los pantallazos se suelen convertir en nuestros grandes aliados... ¿ o no?. Bien, hoy quiero ir un paso más allá y mostrarte otra forma de presentación, muchos más dinámina, que podrás usar en algunos casos (especialmente en aquellos en los que en el pantallazo no te entre toda la información visual que desees recoger), siendo muy útil también para aquellos casos en los de desees publicitar en tu sitio web una web.


Este sistema que te muestro, estoy segura te agradará más, y que desde luego llamará más la atención sobre ese sitio web al permitir la navegación por el mismo !!

Por la "instalación" ni te preocupes... es tan sencillo como ir a la pestaña superior de "HTML" y pegar en el lugar deseado el siguiente código :
<iframe src="http://tritrazos.com" height="400" width="600" ></iframe>No tendrás más que sustituir la URL indicada a continuación de src=, es decir  http://www.tritrazos.com/Retoques.php, por la de  tu elección, manteniendo en todo caso las comillas al inicio y fin de la URL.

Podrás además modificar  a tu gusto tanto el alto, height, como el ancho, width, de este elemento llamado iframe. Otra posible opción sería sustituir el valor de width por 100%, así te aseguras de que el iframe aproveche todo el ancho de tu sitio web, no olvidándote en todo caso de incluir las comillas tanto al principio como al final de los valores introducidos en height y width.
el fragmento lo utilizamos para eliminar el borde que sino saldría alrededor del iframe, puedes eliminar dicho fragmento de código y comprobar si te gusta más con él... incluso, puedes añadir un borde personalizado, con los colores y estilo que más te gusten... te muestro cómo hacerlo :
Tendrías que sustituir el fragmento   por , dónde podrías :
Aumentar o disminuir el ancho del borde, en este caso 5px.
Cambiar el estilo del borde, sustituyendo el del ejemplo, dotted, por alguno del tipo de :
solid (linea normal)
dashed (que sería línea discontinua)
double (líneas dobles)
Modificar el color, en el ejemplo es el rojo, pero podrías poner cualquier otro: blue, green,... incluso, indicar no ya el color, sino una tonalidad de ese color, para lo que deberías poner #0000000 (indicando el código hexadecimal de tu elección, del cual ya hablé en este otro post) en lugar de blue, green, ...
Pero ¡ ojo !, debes de saber de antemano también que, según tengo entendido, no todos los navegadores permiten la visualización de Iframes...
¿ Qué te han parecido los Iframes ?, ¿ los habías usado alguna vez ?, ¿ sabías de ellos ?, ...Quizás también te interese :
Efecto opaco en tus fotos al pasar el ratón sobre ellas
Consejos de blogger a blogger
Personalizar el tamaño de las fotos en Blogger

Fuente: este post proviene de Café largo de ideas, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

niños código html tutoriales

Yo soy bastante maniática con el tema de las fotos en el blog, no me gusta que salgan pequeñas, sino prácticamente al tamaño del post, es decir ocupando todo el ancho del mismo... y hoy quiero compartir contigo cómo lo hago !! Bien, en mi caso concreto publico las fotos a un ancho fijo de 600 píxeles, y esa medida no la da por defecto Blogger con ninguna de las opciones que tiene habilitadas al ...

general autonomía educación ...

El otro día estuve en el III Encuentro de Madres Blogueras que celebraba Yo Dona y Malas Madres, con el fin de aprender cosas sobre el blog y la maternidad? Ya sabéis, seguir formándome e inspirándome para dar por estos lares lo mejor de mí misma. Y, sin duda, hubo una ponencia que me encantó. La dio Nuria Pérez y se llamaba "Cuando llegue el tsunami: Educar para la vida sin perder la tuya&qu ...

¿Dónde Hay? Necesidades Especiales Salud ...

Odontopediatría Odonto Health ¿A qué edad es adecuado hacer una visita de odontopediatría por primera vez con los bebés o niños?  ¿Es necesario llevarles a un dentista  a los bebés cuando todavía no tienen dientes? Los niños muy pequeños pueden tener problemas de caries. Por eso, la Dra. Paulina Rodríguez, de la rama de Odontopediatría recomienda, por un lado, iniciar la higiene bucal a edad muy t ...

adolescentes recomendaciones

En varias ocasiones hemos comentado las grandes ventajas que representa utilizar la nube para almacenar nuestros ficheros y datos y trabajar con ellos desde internet. Es el paradigma conocido como Computación en la nube (cloud computing) que nos presenta internet (la nube) como una plataforma proveedora de servicios. Cada vez son más los servicios que nos ofrece. Los inconvenientes o barreras que ...

looks Maternidad Mini ...

Esta es la mochila que nos acompañará este curso… A la peque le encanta Gastón (la mascota “mariquita” de unos dibujos animados), así que cuando vio esta mochila ya no había manera de convencerla con ninguna otra.Luego yo me volví loca con el pack completo, jjjj. Bolsita para el almuerzo, botella, babero y cubiertos para casa…, jjjj Me habéis preguntado mucho por el tamaño de la mochila así que en ...

niños código html tutoriales

Cómo puedes ver en el blog a mi me encantan las líneas rectas, más bien finitas... así que hoy me toca hablar de cómo hacer unas cuantas en los posts ! ; ) A mi me parecen muy útiles para separar o resaltar palabras, párrafos, o incluso el título del post (si sitúas el código justo debajo), además le dan un toque muy personal y elegante que sin duda mejorarán el diseño de tus posts ¿ no crees ? B ...

general bebés puericultura ...

Cuantas veces lo hemos pensado, repensado, dando una, dos, tres y mil vueltas. Elegir la silla de nuestro peque no es una tarea fácil pero ¿Cómo elegir la silla de paseo … sin volverse loco? Esta es una de las preguntas más frecuentes entre los padres cuando esperan un hijo. Una pregunta que nos martillea la cabeza y que nos puede llegar a agotar física y mentalmente. Pues bien, Casualplay ...

bebés cocina como llenar una manga pastelera ...

¿Has intentado alguna vez llenar una manga pastelera? Si lo has hecho, sabrás a qué me refiero cuando hablo de "drama". Si no lo has intentado, quizá te preguntes dónde está la complejidad si en los programas de repostería de la tele parece sencillísimo ¿verdad? Coges la manga, pones el plástico alrededor de la mano y vas metiendo crema con la espátula. ¡JA!La primera vez que lo intentas ...

cuidado infantil Escuela de padres Noticias

<p>¿Sabes cuándo debes realizar la primera revisión de ortodoncia de tu hijo? ¿La has realizado ya? Los ortodoncistas españoles advierten que las revisiones ortodóncicas a los 6 años permiten corregir malformaciones de huesos y dientes y evitar la cirugía en la edad adulta.</p><p><a href="http://i1.wp.com/www.mamapsicologainfantil.com/wp-content/uploads/2015/10/8026178529 ...

niños css tutoriales

Bien, la otra semana escribí este post en el que te contaba cómo añadir una línea o separador en tus posts de Blogger, hubo gente que me preguntaba en los comentarios del mismo si era posible incluirla de forma automática en cada post, para no tener que andar haciéndole manualmente cada vez que escribieran una nueva noticia !, pero no era posible, aunque si esta otra forma que te cuento en este po ...