Hi Forummer,
ich habe auf meinem Blog High-Society-blog.de mehrere Seiten angelegt. Zum Beispiel Impressum oder Über diesen Blog.
Nun möchte ich eine weiter Seite anlegen in der mein Online Shop als iframe angezeigt wird...wie mache ich das?
Danke schonma im Vorraus!
Iframe in eine Seite einfügen!
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Du musst von der WYSIWYG-Ansicht auf HTML/Code-Ansicht umschalten und dann solltest du schon den Code schreiben können.
-
Du musst von der WYSIWYG-Ansicht auf HTML/Code-Ansicht umschalten und dann solltest du schon den Code schreiben können.
Ok ich hab jetzt mit diesem code das iframe integriert...aber die Größe lässt sich nicht ändern?????
[dciframe]url,width,height[/dciframe]hierbei handelt es sich um ein plugin!
-
Wenn du für iframes ein Plugin benutzt, so wäre es clever zu sagen, welches das ist.
-
ups sorry,
es handelt sich um
IFrame WidgetLink:
WordPress › IFrame Widget WordPress PluginsIch habe schon mit größe und breite gespielt aber ohne erfolg! :(
Anscheinend geht das nur,wenn man das widget in der sidebar benutzt?! -
Laut Beschreibung soll es auch in Seiten funktionieren. Zeig doch mal, wie dein Code letztendlich aussah.
-
kennt jemand noch ein ähnliches Plugin ? Wo man auch den Scrollbalken ausblenden kann??
-
PageView ist ein gutes Plugin, mit dem ich seit April 2008 problemlos arbeite...
Hier eine ausführliche Installationsanleitung...
Klick unten auf den Link und schau Dir an, wie ich's bei mir einsetze...
lg, Hoitl
-
PageView ist ein gutes Plugin, mit dem ich seit April 2008 problemlos arbeite...
Ich habe Page View installiert und prinzipiell ist es ok. Aber in dem Theme was ich nutze - techland - wird der Iframe nur klein angezeigt.
Ich suche mir gerade einen Wolf, wo ich das in der CSS Datei änderen soll:
Code
Alles anzeigen/* Theme Name: TechLand Theme URI: [url=http://wpthemeland.com/]Wordpress Theme Land - Free Wordpress Themes[/url] Description: <a href="[url=http://wpthemeland.com/themes/techland/]Wordpress Theme Land - Free Wordpress Themes[/url]" title="TechLand Theme">TechLand</a> is a WP ThemeLand Product. Version: 1.0 Author: WP ThemeLand Author URI: [url=http://wpthemeland.com]Wordpress Theme Land - Free Wordpress Themes[/url] */ /* Header Image from [URL]http://sxc.hu/photo/764140[/URL] */ body { margin: 0 auto; padding: 0; background: #efefef url(images/containerbg.gif) repeat-y center; font-size:small; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#444; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family:Georgia, Arial, Serif; font-weight:normal; line-height:1.4em; color:48431d; } p, ul, ol, blockquote { line-height: 180%; } h2, h3 { font-size:20px; } blockquote { background:url(images/blockquote.gif) no-repeat left top; margin:1em; padding:0 0 0 4em; color:#666; font-style:italic; } img { padding:2px; border:#ccc 1px solid; } img.left { float:left; margin:0 1em 1em 0; } img.right { float:right; margin:0 0 1em 1em; } a:link,a:visited { color: #141464; text-decoration:none; } a:hover, a:active { color:#48431d; text-decoration: none; border-bottom:#48431d 1px solid; } img.wp-smiley { padding:0; border:none; } .clear { clear:both; } #main .feed { background:url(images/icon_feed.gif) no-repeat left; margin:0; padding:5px 16px; } ul { margin:0; padding:0 1em; } ol { margin:0; padding:0 3em; } #content ul li { list-style:none; background:url(images/bullet.gif) no-repeat left 3px ; margin:0; padding:0 20px; } /* Header */ #header { width: 980px; height: 150px; margin: 0 auto; background: url(images/header.jpg) no-repeat center; text-align:right; } #header * { margin: 0; padding: 0; text-decoration: none; color: #000; } #header h1 { padding: 20px 10px 5px; font-size:1.8em; font-variant:small-caps; } #header h2 { padding: 0 10px; font-size:1em; } #menu { background: #48431d; width: 900px; height:28px; line-height:28px; margin:0 auto; padding:0; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 26px; padding: 2px 20px 0; border-right: 1px solid #363; border-bottom:0px; text-decoration: none; color:#ddd; } #menu a:hover, #menu a:active #menu li.current_page_item a:link, #menu li.current_page_item a:visited, #menu li.current_page_item a:hover, #menu li.current_page_item a:active { background: #141434; color:#fff; } #menu #rss a { float: right; padding-left: 30px; background: url(images/rss.gif) no-repeat 10px 50%; border: none; border-left: 1px solid #363; } #menu #rss a:hover { background-color:#141434; } /* Content */ #main { width: 900px; margin: 0 auto; } #content { float: right; width: 680px; padding: 1px 1px; } #sidebar { font-size:0.9em; float: left; width: 190px; padding: 10px; } /* Content > content */ #content .post { margin-bottom:1em; padding-bottom:2em; } #content .posted { margin:0; padding:0; font-size:0.9em; letter-spacing:1px; font-variant:small-caps; color:#888; font-family:Trebuchet MS, Verdana, Arial, Serif; } #content .post-meta { color:#999; font-size:0.9em; clear:both; border-top:#ddd 1px solid; padding-bottom:1em; } #content .comments { float:right; background:url(images/icon-comments.gif) no-repeat left; padding-left:15px; } #content .category { background:url(images/icon-category.gif) no-repeat left; padding-left:12px; } #content h2.pagetitle { margin:0 0 1em 0; padding:0; } /* Content > sidebar */ #sidebar h2 { font-size:1.4em; text-transform:uppercase; border-bottom:#cdc 1px solid; margin:1em 0 0.5em 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar form, #sidebar table, #sidebar p, #sidebar ul ul { padding-left:1em; margin:0.5em 0; } #sidebar li { margin: 5px 0; padding:0; } #sidebar li li { margin:10px 0; } /* Footer */ #footer { width: 880px; margin: 0 auto; background: #48431d; color:#fff; padding:10px; } #footer p { margin: 0; padding:0; } #footer p.credits { font-size:0.9em; } #footer * { color:#fff; } #footer a:hover { border-bottom:#fff 1px solid; } /************************************************ * Comments * ************************************************/ #content .commentlist { margin:0; padding:0; border-top:#ccc 1px dotted; } #content .commentlist li { list-style:none; margin: 0; padding:1em; border-bottom: #ccc 1px dotted; } .commentlist li.alt { background:#f5f5f5; } .commentlist li .cmtinfo { font-size:0.9em; margin:0; padding:0; text-align:right; } .commentlist li cite { font-style:normal; font-weight:bold; font-size:1.1em; float:left; } .commentlist li .cmtinfo em { float:right; margin:0; padding:0; font-style:normal; font-size:0.9em; color:#999; } #content .nocomments { text-align:center; color:#999; font-size:0.9em; } .trackback { background:url(images/trackback.png) no-repeat left center; padding:0px 17px; } input.textbox { border:#ccc 1px dotted; background:#f5f5f8; font:1em Verdana, Arial, Serif; padding:2px; margin:2px 0; width:150px; } textarea{ width: 90%; padding:5px; height: 20em; border: 1px dotted #ccc; background:#f5f5f8; font:1em Verdana, Arial, Serif; } .textbox:focus, textarea:focus { border:#999 1px solid; } #header, #content, #sidebar, #footer, .widget { overflow:hidden; }
Vielleicht hat da mal jemand einen Tip?
LG
Tom -
URL zur Seite? "iframe" findet sich nicht in der CSS-Datei.
-
Der Iframecode ist ja auch nicht das Problem, sondern ich denke eher, die Inhaltsseite ist durch den CSS Code begrenzt.
Beispiel:
http://www.chat22.de
So sieht der Einbau aus: -
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!