Wie Sie Elemente im Iframe ersetzen

March 11

Ersetzen Sie Elemente innerhalb eines HTML-Inline-Frame oder "iFrame", das endgültige Aussehen des Rahmens auf Ihrer Website zu ändern. HTML-Code für iFrames konsolidiert die Codierung für alle Elemente innerhalb des Inlineframes, ähnlich wie eine HTML-Tabelle. Auf Facebook beispielsweise kann ein iFrame enthalten, ein "Like" Button und eine Liste der Menschen, die die Seite gefällt. Ersetzen Sie die Elemente, die mit der Gestaltung und die Inhalte, je nachdem, was Sie ändern möchten zu tun haben.

Anweisungen

1 Kopieren Sie den vorhandenen iFrame-Code aus ihrer Website Ursprungs. Öffnen Sie die Seite Ihrer Website, schließlich den Rahmen angezeigt werden soll, dann kleben Sie den Rahmen, so dass Sie ihn dort ändern können.

2 Ersetzen Sie Design-Elemente innerhalb der verschiedenen Elemente des Designs steuern. Wenn der Frame ein "Höhe" Attribut wie folgt zum Beispiel enthält:

< Iframe >

< Div Id = "Iframe" >< Href = "http://mywebsite.com/feed/" Height = "450" Font = "arial" >< / Div >

< / Iframe >

Ersetzen Sie das "Höhe"-Element mit einem "Width"-Element und eine entsprechende Breite in Pixeln, wenn die Höhe des Rahmens spielt keine Rolle, aber Breite tut.

3 Ersetzen Sie den Wert hinter "Div Id" um den Stil des gesamten Frames anpassen, nach einer Formatvorlage, die Sie bereits in Ihrem cascading Stylesheet oder CSS verwenden zu dokumentieren. Wenn den iFrame, das gleiche wie Ihre Webseite-Header formatiert werden soll, z. B. ändern < Div Id = "Iframe" >, < Div Id = "Header" >.

4 Bearbeiten Sie URL-Inhalte innerhalb der iFrame die Informationen ändern, die innerhalb des Frames anzeigt. Wenn Sie einen Feed für Ihre Website-Inhalte, z. B. anzeigen und zu einer anderen Website-Feed ändern möchten, ändern Sie den Code aus diesem:

< Iframe >

< Div Id = "Iframe" >< Href = "http://mywebsite.com/feed/" Height = "450" Font = "arial" >< / Div >

< / Iframe >

Dazu:

< Iframe >

< Div Id = "Iframe" >< Href = "http://myotherwebsite.com/feed/" Height = "450" Font = "arial" >< / Div >

< / Iframe >

5 Speichern Sie den iFrame, sobald Sie alle Elemente ersetzt haben, müssen Sie ersetzen. Zeigen Sie die Seite in einem separaten Browser-Fenster um sicherzustellen, dass es gut aussieht.