Come sostituire elementi nel Iframe

February 2

Sostituire gli elementi all'interno di un frame in linea HTML o "iFrame" per modificare l'aspetto finale del telaio sul tuo sito. Il codice HTML iFrame consolida la codificazione di tutti gli elementi all'interno del frame in linea, molto simile a una tabella HTML. Su Facebook, per esempio, un iFrame può contenere un pulsante "Mi piace" e un elenco di persone che amano il sito. Sostituire gli elementi che hanno a che fare con il design o il contenuto, a seconda di ciò che si desidera modificare.

istruzione

1 Copiare il codice iFrame esistente fuori il suo sito web di origine. Aprire la pagina del tuo sito web in cui alla fine si desidera visualizzare la cornice, quindi incollare il telaio, in modo che è possibile modificare lì.

2 Sostituire elementi di disegno all'interno del telaio per controllare diversi elementi del disegno. Se il telaio comprende un attributo "altezza" come segue, per esempio:

<Iframe>

<Div id = "iframe"> <href = "http://mywebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

Sostituire l'elemento "altezza" con un elemento di "larghezza" e un corrispondente larghezza in pixel se l'altezza del telaio non importa, ma la larghezza fa.

3 Sostituire il valore dietro un "div id" per regolare lo stile di tutta la struttura, secondo uno stile già in uso all'interno del vostro foglio di stile CSS, o un documento CSS. Se si desidera che il iFrame per essere in stile stessa come l'intestazione sito web, ad esempio, il cambiamento <div id = "iframe"> al <div id = "header">.

4 Modifica i contenuti URL all'interno del iFrame per modificare le informazioni visualizzate all'interno della cornice. Se si visualizza un feed di contenuti del tuo sito web, per esempio, e vuole cambiare al feed di un altro sito, modificare il codice da questa:

<Iframe>

<Div id = "iframe"> <href = "http://mywebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

A questa:

<Iframe>

<Div id = "iframe"> <href = "http://myotherwebsite.com/feed/" height = "450" ​​font = "Arial"> </ div>

</ Iframe>

5 Salvare il iFrame una volta che hai sostituito tutti gli elementi necessari per sostituire. Visualizzare la pagina in una finestra separata del browser per assicurarsi che guarda a destra.