Hvordan erstatte elementer i Iframe

Bytt elementer i et HTML innebygd ramme eller "iFrame" for å endre det endelige utseendet på rammen på nettstedet ditt. HTML iFrames kode konsoliderer kodingen for alle elementer i den innebygde rammen, omtrent som en HTML-tabell. På Facebook, for eksempel kan en iFrame inneholde en "Like" knappen og en liste over folk som liker stedet. Erstatt elementer som har å gjøre med design eller innhold, avhengig av hva du ønsker å endre.

Bruksanvisning

1 Kopier eksisterende iFrame-kode off sin hjemmeside opprinnelsesland. Åpne siden av ditt nettsted hvor du til slutt vil rammen skal vises, og deretter lime rammen, slik at du kan endre det der.

2 Bytt designelementer innenfor rammen til å kontrollere ulike elementer av design. Hvis rammen inkluderer en "høyde" attributt som følger, for eksempel:

<Iframe>

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

</ Iframe>

Erstatte "høyde" element med en "bredde" element og en tilsvarende bredde i bildepunkter hvis høyden av rammen ikke spiller noen rolle, men bredde gjør.

3 Erstatt verdien bak en "div id" for å justere stilen på hele rammen, ifølge en stil du allerede bruker i din stilark, eller CSS-dokument. Hvis du vil at iFrame å bli stylet det samme som ditt nettsted header, for eksempel endre <div id = "iframe"> til <div id = "header">.

4 Rediger URL innholdet i iFrame å endre informasjonen som vises i rammen. Hvis du vil vise en feed av nettstedets innhold, for eksempel, og ønsker å endre det til et annet område fôr, endre koden fra denne:

<Iframe>

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

</ Iframe>

Til dette:

<Iframe>

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

</ Iframe>

5 Lagre iFrame når du har byttet ut alle de elementene du trenger for å erstatte. Vis siden i et eget nettleservindu for å sørge for at det ser riktig.