Seite 1 von 1

Darstellung´s problem mit Ajax Chat - Shoutbox

Verfasst: 14.06.2008 16:53
von klagges
Hi,
ich habe den Ajax Chat von
https://blueimp.net/ajax/
Heruntergeladen und installiert. Der Läuft auch problemlos.

Allerdings wollte ich ihn als Shoutbox anzeigen lassen.

Laut Wiki geht das so

Code: Alles auswählen

dit styles/[STYLE_NAME]/template/overall_footer.html
Add

<!-- IF not S_IS_BOT -->
<div style="font-size:1.2em; margin-bottom:20px;">{SHOUTBOX}</div>
<!-- ELSE -->
<div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> &copy; <a href="https://blueimp.net">blueimp.net</a></div>
<!-- ENDIF -->
after

<div id="page-footer">
Habe halt nicht page footer sondern wrapfooter genommen aber das sollte ja nicht das problem sin.

Er zeigt mir Text an. Ich wollte aber wenigstens nen Sauberen Rahmen oder etwas ähnliches drum haben. Bekomme es aber irgendwie nicht hin.


Als Style habe ich Epoche Installiert

Overall Header

Code: Alles auswählen

	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
	the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
	"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
	forums may be affected.

	The phpBB Group : 2006
//-->

<div id="wrapfooter">
<!-- IF not S_IS_BOT -->
<div style="font-size:1.2em; margin-bottom:20px;">{SHOUTBOX}</div>
<!-- ELSE -->
<div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> &copy; <a href="https://blueimp.net">blueimp.net</a></div>
<!-- ENDIF -->
	<!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
	<span class="copyright">Epoch designed by <a href="http://www.chaosburnt.com/">www.chaosburnt.com</a> &copy; 1995-2007 ChaosBurnt<br />
        Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group
	<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
	<!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>
</body>
</html>
http://forum.rollenspielwelten.de

Sieht man es unten es ist alles Offen so wollte ich das nicht haben kann mir einer helfen habe mir schon alles abgebrochen . . . <table> <td> <tr>
bin wohl etwas zu blöde für gerade.

Ich hoffe mir kann JEmand helfen das ding in nen Rahmen zu bekommen.

mfg

Klagges

Verfasst: 14.06.2008 17:01
von 4seven
mach lieber für den div eine css-id oder -class und formatiere es dann.
so kannst du das div als box missbrauchen (breite, höhe, hintergrundfarbe, textausrichtung etc.)

Code: Alles auswählen

<div id="shout_box">{SHOUTBOX}</div>

Code: Alles auswählen

<div class="shout_box">{SHOUTBOX}</div>

das css dann nach bedarf (hier nur ein beispiel)

Code: Alles auswählen

<style type="text/css">
<!--
div.shout_box
{
width:300px;
height:100px;
position:center;
border:1px solid #151515;
background-color:#FFDDDD;
}
-->
</style>

Verfasst: 14.06.2008 19:15
von klagges
danke für den schnellen tip werde ich gleich mal ausprobieren :grin: