+- MGB Forum (https://forum.m-gb.org)
+-- Forum: MGB 0.6.x - Veraltete Version (https://forum.m-gb.org/forumdisplay.php?fid=9)
+--- Forum: Fragen (https://forum.m-gb.org/forumdisplay.php?fid=10)
+--- Thema: reponsives Gästebuch (/showthread.php?tid=361)
reponsives Gästebuch - winny - 21.07.2013
Hallo, erstmal großen dank an den Entwickler des Gästebuchs "MGB 0.6.9.5". Installation klappte sehr gut, alles ist prima.
Hab da aber doch noch eine Frage: Wie kann ich das Gästebuch auf eine Responsiven Webseite einbinden (bitte für Dummys erklären), so das das Gästebuch auch auf einem Handy, Tablett usw. funktioniert. Es soll sich an der Breite der Geräte anpassen.
Gruß Winny
Re: reponsives Gästebuch - mopzz - 27.07.2013
Hallo! Herzlich willkommen und danke für das Lob.
Was Du genau machen musst, damit sich das Gästebuch an verschiedene Auflösungen anpasst, das weiß ich ehrlich gesagt selbst nicht genau. Was Du aber machen könntest, ist, die CSS-Datei so anzupassen, dass sich die verschiedenen Größen- bzw. Breitenangaben relativ zum Browserfenster anpassen. Also anstatt genaue Pixelbreiten eine Prozentzahl angeben. z.B. dass ein Eintrag immer genau 70% des Hauptfensters haben muss, und das Hauptfenster meinetwegen 90% vom Gesamtbildschirm.
Die CSS Dateien findest Du im Ordner "templates/mgbModern/css".
Re: reponsives Gästebuch - roland - 19.08.2013
winny schrieb:Hab da aber doch noch eine Frage: Wie kann ich das Gästebuch auf eine Responsiven Webseite einbinden (bitte für Dummys erklären), so das das Gästebuch auch auf einem Handy, Tablett usw. funktioniert. Es soll sich an der Breite der Geräte anpassen.
evtl. ist es damit möglich, am besten mal ausgiebig auf den verschiedenen Geräten testen.
in der CSS vom Gästebuch folgende Stelle suchen:
Code:
table.border_main {
border: 1px solid #DAE8FA;
width: 600px;
}Code:
table.border_main {
border: 1px solid #DAE8FA;
width: 100%;
}Wenn per iframe geladen muss noch die Weite davon auf 100% stehen, damit wird immer der ganze Bereich ausgefüllt in dem die Frame geladen wird:
<iframe frameborder="0" style="width:100%; restliche CSS angaben..." src=".../pfad/zum/Gästebuch">