Seite 1 von 1

Chat/Shoutbox als Style wie bei Facebook

Verfasst: 02.05.2013 21:10
von huhn
Moin allerseits,

ich würde gerne die Shoutbox so einbinden, das diese ähnlich dem Chat bei Facebook rechts unten erscheint und dann als kleines Fenster über allem "schwebt".
Ob das nun mit phpfreechat, shoutbox oder Ajax Chat läuft ist mir dabei egal. Es geht um die Art der Einbindung bzw. die Erweiterung des Styles dafür.

Gruß huhn

PS: Beim Suchen auf .DE/.COM bin ich nicht fündig geworden.

Re: Chat/Shoutbox als Style wie bei Facebook

Verfasst: 02.05.2013 21:17
von Crizzo
Hi,

binde die Shoutbox in der overall_header.html oder _footer.html ein. Sofern die Box ein Element besitzt, das sie "einrahmt", kannst du das Element einfach per position:fixed; right: 0; bottom:0; unten in die Ecke platzieren. Da du kein Elternelement mit position:relative, ist der Bildschirm das "Elternelement" und es taucht immer rechts unten auf.
Siehe auch: http://www.thestyleworks.de/ref/position.shtml

Wenn du jetzt noch JavaScript kannst, könntest du es ein und ausklappen. Aber so sollte es auch gehen.

Grüße

Re: Chat/Shoutbox als Style wie bei Facebook

Verfasst: 03.05.2013 20:18
von huhn
Moin!
Dann werde ich das mal versuchen.
Setzt vielleicht einer den phpfreechat ein? Die sollen gerade einen passenden Style entwickeln, der meinen Ideen am nächsten kommt.
Gruß Markus