Pagina 1 di 1

iFrame: come mostrare una parte specifica di Sito Web?

Inviato: 16 mar 2014, 23:33
da Galandas
iFrame: come mostrare una parte specifica di una pagina web utilizzando iframe
Immagine
Qualcuno mi chiede "come posso visualizzare una determinata area di un sito web utilizzando iframe?" Allora oggi ho intenzione di mostrare un modo per visualizzare determinata area/porzione di una pagina web utilizzando tag iframe. Iframing una pagina esterna non è poi così difficile. Abbiamo solo bisogno di un pò di conoscenza di base di HTML e CSS per farlo.
<iframe> Il tag specifica un frame in linea di floating, utilizzata per incorporare il contenuto esterno in una pagina web. Utilizzando iframe facilmente potremmo visualizzare una pagina esterna compresi testi, immagini e video, ecc Ma qui stiamo andando a vedere "come visualizzare una parte specifica di un sito web utilizzando <iframe>"

Perché abbiamo bisogno di iframe per una determinata area di un sito web?

A volte se vogliamo mostrare una certa parte di una pagina esterna al nostro sito/blog; iframing è il miglior modo più semplice per farlo.

Seguite le istruzioni qui sotto per visualizzare una determinata area di una pagina web utilizzando iFrame e CSS

Per farlo basta copiare il codice qui sotto e incollalo dove vuoi la visualizzazione.

Codice: Seleziona tutto

<div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.w3schools.com/css/default.asp" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;">
</iframe>
</div>
Nota: Sostituire l' URL con il vostro. E per raggiungere cambiare il risultato meritevole il valore di max-width, margin-left, height, margin-top, width.
Questo è un esempio di iframing di una determinata area di un sito. come un esempio qui nel iframed e una parte di una pagina da http://www.w3schools.com.