Bilderalbum per iframe im News- und Teaser-Bereich einbinden: Wie macht man das, dass der eingestellte Zeta Hintergrund auch dargestellt wird:?

  • hallo zeta team,
    ich möchte gerne ein externe ressource (bilderalbum) in den news bzw. teaser bereich per iframe einbinden. (layout cars, werkstatt).
    wie macht man das, dass der eingestellte zeta hintergrund (farbe, bild) auch dargestellt wird:? Ich bin nach anleitung vorgegangen, jedoch wird der hintergrund nicht angezeigt!
    gruss

    wolfgang


    quelle:

    http://www.zeta-producer.com/de/wie-kann-ic…-einfuegen.html

    Sie binden die externe Ressource über einen IFRAME ein
    Bei dieser Methode verwenden Sie in Zeta Producer das Aktive Objekt "IFRAME" um einen sogenannten "Inlineframe"
    einzufügen. Sie können anschließend die URL der externen Ressource
    eingeben und weitere Optionen konfigurieren. Vom Prinzip wird dabei ein
    rechteckiger Bereich innerhalb einer Seite definiert in dem eine externe
    Ressource angezeigt wird.

    Einmal editiert, zuletzt von toni (25. August 2012 um 09:29)

  • Hi Wolfgang,

    ich würde jetzt erstmal versuchen, ob du die Möglichkeit hast, bei dem externen Bildalbum, das per I-Frame eingebunden wird, diesbezüglich etwas zu machen.

    Wie z.B. dort einen transparenten Hintergrund zu definieren (u.a. vieleicht in der dortigen Styles.css datei).

    Also, ich mache dies immer so mit meinem Tool, mit dem ich meine Kontaktformulare erstelle, und sie dann in mein Projekt per I-Frame einbinde, und das klappt so wunderbar.

    Gruß
    Jochen

    Gruß
    Jochen

  • hallo jochen,
    danke für deine hilfe, wenn du ein bisschen zeit hast, probier es einfach mal bei einem cars/ werkstatt musterprojekt im news- und teaserbereich aus, du benutzt ja auch jalbum, bin ja mal gespannt wie das geht, alternativ könnte man ja auch einfach nur eine bilddatei per iframe einbinden, damit hat man sofort eine unbekannte (sprich externe software) ausgeschaltet, da kann man dann ja nichts einstellen...wäre ja super wenn du einen weg weißt.....

    besten dank

    wolfgang

  • guten morgen jochen,
    danke für deinen tipp, mein ziel ist es einfach nur, dass das reine bild einer slideshow angezeigt (so, als wenn ich einfach nur ein foto einfüge) wird, im regelfall kann man bei jalbum ja die hintergründe einstellen, nur wie geschrieben ich habe und benötige keinen jalbum hintergund, von daher kann man diesen punkt außeracht lasssen!

    jochen, versuche einfach mal ein foto per iframe in ein cars/ werkstatt musterprojekt im news- und teaserbereich einzubinden und schau mal ob du einen farbigen hintergrund, bzw. ein hintergrundbild angezeigt bekommst.

    man hat ja hier drei möglichkeiten
    -per newsartikel über den html-editor
    -per iframe-artikel
    -per html-code-artikel


    ...ich weiß leider nicht wie das geht.

    gruss

    wolfgang

  • Hi Wolfgang,

    ok, so langsam glaube ich zu verstehen, was du meinst.

    Ich werde mich mal übers Wochenende damit beschäftigen, vielleicht kann ich es nachvollziehen und
    eine Lösung dazu finden.

    Gruß
    Jochen

    Gruß
    Jochen

  • hallo zeta team,
    bitte nicht vergessen.....

    Bilderalbum per iframe im News- und Teaser-Bereich einbinden: Wie
    macht man das, dass der eingestellte Zeta Hintergrund auch dargestellt
    wird:?


    gruss

    wolfgang

  • hallo zeta team,
    bisher habe ich noch kein feedback diesbezüglich von euch bekommen, wie lange braucht ihr noch diese frage zu beantworten?

    gruss

    wolfgang

  • Hallo Wolfgang,

    wichtig ist natürlich, dass bei der externen Seite (also des Albums) kein Hintergrund definiert ist. Dann kannst Du via IFrame-Objekt die Seite einfach einfügen. In den modernen Browsern wird der Hintergrund der ZP-Website dann auch beim IFrame angezeigt. Der IE8/7 geben allerdings einen weißen Hintergrund aus. Das kannst Du aber ändern, indem Du einfach in einen Quellcode-Artikel den IFrame-Code einfügst und hier allowtransparency="true" einfügst. Also so:

    <iframe name="iframe" src="http://..." frameborder="0" allowtransparency="true" width="480" height="640"></iframe>


    Bei den News oder Teasern kannst Du den Code in der Quelltext-Ansicht eingeben.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • guten morgen steffen,
    vielen dank für deine hilfe, ich habe es auf die schnelle schon mal bei bei den "news" und dem "teaser nach news" mit einem per eingefügtem bild per iframe ausprobiert (so gibt es ja keinen voreingestellten hintergrund).....das scheint in die richtige richtung zu gehen, der hintergund vom newsartikel als auch der vom teaser wird angezeigt, gott sei dank!...das bild wird zur zeit jedoch noch leicht nach rechtsunten versetzt im artikel angezeigt. ich habe bei der iframegrösse genau die abmasse des bildes eingegeben...kann das sein, dass hier die eingestellten abstände der styles.css s.u. wirken? sprich, dass der iframe als objekt formatierungsmässig wie ein textobjekt behandelt wird? falls dem so ist, kann man das ggf. durch negatives margin, padding oder irgendetwas anderes im editor des newsartikel/ teaser ausgleichen...? meine idee wäre z.b. einen div befehl zu verwenden, dort den iframe-code einzufügen und den versatz über negative margins auszugleichen....würde das gehen oder hast du vielleicht noch ne bessere idee?

    gruss

    wolfgang

    #news {
    float: right;
    margin: 0;
    padding: 0;
    width: 180px;
    position: relative;
    z-index: 1;

    ....
    .newsbox {
    margin: 0;
    padding: 0;
    background-color: #1E1F1F;
    background-image: url(../media/images/sw-gr-verlauf-halbe-seite.png);
    background-repeat: repeat-x;
    }

    .newstext {
    margin: 0;
    padding: 10px 5px 20px 10px;
    font-size: 11px;
    color: #D3D3D3;
    line-height: 130%;
    font-family: Arial, helvetica, sans-serif;
    }

    .newstext p {
    margin: 0 0 10px 0;
    padding: 0;
    }

  • Toni,

    der zusätzliche Rand um das iFrame Bild ist abhängig vom verwendeten Browser. Dies ist aber unabhängig von Zeta Producer und betrifft grundlegendes HTML.

    Zum Verständnis: Ein iFrame ist wie ein Fenster durch das Du eine andere (fremde) Website siehst. Das CSS in deinem Projekt hat keinerlei Einfluss auf die Inhalte im iFrame. Sämtliche Stile oder Ränder müssen daher im Inhalt, der im iFrame dargestellt wird definiert werden.

    Das einzige, was Du versuchen könntest ist, deinem iFrame noch die marginwidth / marginheight Parameter mitzugeben. Siehe: http://www.w3schools.com/tags/tag_iframe.asp

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • ..vielen dank stefan, ich bin einen schritt weiter, das einfügen eines bildes per iframe mit marginwidth und einem negativ wert hat geklappt...siehe testseite...sobald ich es dazwischen bekomme werde ich als nächstes mal schauen, dass ich das auch für ein bilderalbum hinbekomme....der hintergrund wurde auf jeden fall schon mal angezeigt.....gott sei dank, sonst wäre die ganze mühe vergebens gewesen...

    gruss

    wolfgang

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!