Forum mit einem Iframe in eine Website einbinden...

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
midtwo
Mitglied
Beiträge: 5
Registriert: 28.01.2006 18:12

Forum mit einem Iframe in eine Website einbinden...

Beitrag von midtwo »

hallo,
ich weiß es gab schon zahlreiche Beiträge dazu, jedoch habe ich immer noch gar keinen durchblick :cry: . ich hoffe ihr könnt mir weiterhelfen...
ok also schildere ich mein problem.

Habe eine webite in html+css programmiert und wollte dann über ein iframe ein forum(Template NoseBleed) einbinden, jedoch klappt das garnicht.
Bild des Problems: http://elope.el.funpic.de/problem
Forum:
http://elope.el.funpic.de/

Habe dann mal so im web rumgeschaut und habe ein website gefunden, wo das wirklich gut umgesetzt wurde. (http://www.sonnemondsterne.de/club.php)

Habe dann mal dieses forum zum -test- eingebunden und es sah auch relativ perfekt aus.(Größe des iframe 616 px x 1067px).

Es wäre wirklich sehr nett, wenn ihr mir helfen würdet...

:grin:

Gruß,
Constantin
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

verzichte auf den iframe und modifiziere die templates deines forums um es an deine seite anzupassen. alles mit was mit frames zu tun hat, in dieser hinsicht, ist blödsinn!
midtwo
Mitglied
Beiträge: 5
Registriert: 28.01.2006 18:12

Beitrag von midtwo »

hi,
danke für die antwort.
aber mein forum liegt auf einem anderem server und somit muss ich es über ein iframe laden, da die eigentliche adresse gleich bleiben soll.
Kannst du mir keine Hilfestellung beim iframe geben?

danke.

Gruß,
Constantin :grin:
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

der code ist sehr einfach:

Code: Alles auswählen

<iframe src="http://www.niedermayr.cc" width="100%" height="800" name="niedermayr.cc">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
aufrufen: <a href="www.niedermayr.cc">niedermayr.cc</a></p>
</iframe>
aus dem www.niedermayr.cc machst du deine seite.

alles was man über iframes wissen muss, findest du hier:
http://de.selfhtml.org
midtwo
Mitglied
Beiträge: 5
Registriert: 28.01.2006 18:12

Beitrag von midtwo »

habe es damit versucht aber beim nosebleed-template funktioniert das nicht, es tritt der fehler auf wie auf dem bild gezeigt.
mit deinem forum geht bis auf ein paar sachen wie fotos etc.

Gruß,
Constantin
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

poste mal die seite mit dem iframe
midtwo
Mitglied
Beiträge: 5
Registriert: 28.01.2006 18:12

Beitrag von midtwo »

http://elope.el.funpic.de/Community

ich hab echt kein plan was ich noch machen soll...
hab mal die ganze breite vom forum verändert aber dann hat es immer noch nicht gepasst...
ich hoffe ihr könnt mir helfen...

Gruß,
Constantin
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

habs mal nur so überflogen, aber wenn du deinem forum eine breite von >700 gibts und dem iframe eine breite von 616 dann ist es ja wohl logisch das die breite nicht funktioniert. mach den iframe mal 720 pixel breit.


einmal hier:

Code: Alles auswählen

          <td width="616" height="1067" valign="top"><iframe width="100%" height="1000" src="http://elope.el.funpic.de"  frameborder="0" scrolling="yes"  > 
    
      </iframe></td>
und einmal da, in deinem seitenquelltext:

Code: Alles auswählen

<TABLE WIDTH=679 HEIGHT=1348 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">
Clemens_1
Mitglied
Beiträge: 23
Registriert: 11.09.2005 09:18
Wohnort: Stuttgart
Kontaktdaten:

Beitrag von Clemens_1 »

Hallo!
Vielleicht kann ich ja einwenig weiter helfen:

Auf meiner Site http://www.ideecreativ.de/forum.html habe ich das phpBB-Forum in einen i-Frame eingebunden. Zusätzlich habe ich -allerdings für die gesamte HTML-Seite per CSS-2 eine horizontale UND vertikale Zentrierung eingebaut.

Diese Zentrierung habe ich aus einem CSS-2-Forum bekommen und sie funzt prima. Allerdings nur, solange das Browserfenster des Betrachters nicht wesentlich kleiner als mein Seitenformat ist. Ist es kleiner, werden Teile der Seite oben und/oder links abgeschnitten.

Prinzip (sinngemäß auch auf deinen i-Frame anwendbar):
Die Positionierung erfolgt über zwei div-Elemente. Das erste definiert die horizontale Positionierung durch

Code: Alles auswählen

#horiz_centering { background-color: transparent; text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block }
und die zweite durch

Code: Alles auswählen

#vert_centered_cont { margin-left: -390px; position: absolute; top: -285px; left: 50%; width: 780px; height: 570px; background-image:url(images/bg_color244_243_242.jpg); visibility: visible }
In der zweiten wird der "Pferdefuß" sichtbar:
Es handelt sich um das gleiche Prinzip, wie bei den üblichen Javascript-Positionierungen. "Nimm die 50% der Browserfensterbreite (wodurch du dich auf der Mitte befindest) und gehe um Webseitenbreite-Halbe-Pixelzahl zurück nach links. Das Gleiche mache mit der vertikalen Positionierung.
Der CSS-Trick:
Beziehe die zweite div-Positionierung auf die Position der ersten div-Positionierung.

Ist das Browserfenster kleiner als die Webseitenbreite, wird durch die Subtraktion um den festen Betrag die Seite links oder oben ausßerhalb des Browserfensters beginnen.

Diese Konstruktion steht sowohl in Einklang mit CSS-2 als auch mit XHTML 1.0 streng. Eine Tabellenkonstruktion vermeidet die Nachteile durch die Pixel-Subtraktion, ist aber nur HTML 4.0 kompatibel und bläht zudem wie alle Tabellen den Code der Site auf.

Man kann über Usability und Suchmaschinenfreundlichkeit, schlanken Code usw. lange streiten. Kompromisse müssen immer geschlossen werden. Ich halte meine Lösung für akzeptabel, da meine Webseite so klein dimensioniert ist (780px x 580px) dass sie auch in das kleinste im Vollbild dargestellte Browserfenster bei 1024 x 768 Auflösung passt. (Festgetsellt bei IE, Opera, Firefox, Netscape).

Viel gravierender halte ich dagegen das Problem, das nicht nur ich, sondern auch die Site http://www.sonnemondsterne.de/club.php mit dem Forum im i-Frame hat:
Wenn ich per E-Mail über einen neuen Beitrag eines beobachteten Threads informiert werde oder den Aktivierungslink zugeschickt bekomme, lande ich bei Klick auf diesen Link nicht über meinen i-Frame, sondern direkt im Forum. Da dieses nun keinen Seitentitel mehr hat, weiß man fast gar nicht mehr, auf welchem Forum man nun eigentlich gelandet ist.

Dieses Problem habe ich hier im Forum schon mehrfach angefragt. Aber niemand hat eine Lösung vorschlagen können. Das Problem ist: Wie kann man die PHP-Parameter durch den i-Frame hindurch an den PHP-Code weiter "durchreichen". (Sorry meine laienhafte Ausdrucksweise, aber von Code habe ich sehr wenig Ahnung.)
Einen angenehmen und erfolgreichen Tag,
das wünsche ich
Clemens
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“