MyBB.de Forum

Normale Version: Chat Anzeige einbauen /Bitte um Hilfe
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hi Leute,
ich habe einen wunderbaren Chat, den, wo ich in meinem alten Board die Anzeige im Portal, über eine Grafik eingebaut habe.
Hier mal für interessierte der Chat zum download: http://webdesign.weisshart.de/chat.php

So sah der Code aus:
Code:
<div style="text-align: center;">  <a style="color: rgb(0, 100, 0); font-weight: bold;" href="http://www.creara.de/chat" target="_blank">  <span style="font-size: 10pt;"></span></a><a style="font-family: Verdana;" target="_blank" href="http://www.creara.de/chat">  <span style="font-weight: bold; font-size: 10pt; color: rgb(0, 100, 0);">Chat betreten</span></a><br />
  
  <img border="0" align="" src="http://www.creara.de/images/chat.jpg" alt="" /><br />
   </div>
<div style="text-align: center;" id="output">
  <p>... leider niemand
    <img width="15" height="15" alt="traurig" src="chat/img/sad.gif" /></p></div>
<script src="/chat/anwesend.js" type="text/javascript">
//<![CDATA[//]]>
</script>
nun hätte ich gern dieses in myBBoard angezeigt.
Jedoch ohne Grafik und dem Style angepasst. Es sollte genau so eine Box sein, wie im Anhang und zwischen den anderen eingefügt sein.
Hier mal der Code, der laut Beschreibung des Chats eingefügt werden sollte:
Code:
Anzeige mit diesem Code:
     <div id="output"> </div>
     und ans Ende der Datei (unmittelbar vor </body>:
     <script type="text/javascript" src ="pfad_zum_Chat/anwesend.js"></script>

Und hier meine bisherige Index:
Code:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$overview_headerinclude}
</head>
<body{$overview_body_onload}>
{$header}
{$wm}
{$overview}
{$forums}

{$boardstats}
<table border="0" class="symbols" cellspacing="1" cellpadding="2" align="center">
<tr>
<td class="thead_bottom" colspan="3" style="white-space:nowrap"></td>
</tr>
    <tr>
                        <td class="trow1" style="white-space:nowrap" align="center"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /> <span class="smalltext">{$lang->new_posts}</span></td>
                        <td class="trow1" style="white-space:nowrap" align="center"><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /> <span class="smalltext">{$lang->no_new_posts}</span></td>
                        <td class="trow1" style="white-space:nowrap" align="center"><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" style="vertical-align: middle;" /> <span class="smalltext">{$lang->forum_locked}</span></td>
    </tr>
<tr>
<td class="thead_bottom" colspan="3"></td>
</tr>
</table>
{$footer}
{$overview_body}
</body>
</html>

Ich hoffe das sich einer dazu breit schlagen lässt mir zu helfen Sad

[attachment=2984]
Dann füg vor </body> den JS-Code ein und <div id="output"> </div> kannst du dann an der entsprechenden Stelle im Template index_stats einfügen, z.B. so:
PHP-Code:
<tr><td class="tcat"><strong>Chat</strong></td></tr>
<
tr><td class="trow1"><div id="output"></div></td>
</
tr>
<
tr><td class="tcat"><strong>{$lang->boardstats}</strong></td></tr>
<
tr>
<
td class="trow1"><span class="smalltext">
{
$lang->stats_posts_threads}<br />
{
$lang->stats_numusers}<br />
{
$lang->stats_newestuser}<br />
{
$lang->stats_mostonline}
</
span>
</
td>
</
tr
Danke, so weit, so gut, aber es hakt noch. Guck mal bitte im Anhang.
+ hier der Code:
Code:
<tr><td class="tcat" colspan="2"><strong>{$lang->boardstats}</strong></td></tr>
<tr>
<td class="trow1" style="width:30px;" align="center"><img src="$theme[imgdir]/stats.gif" alt="{$lang->boardstats}" /></td>
<td class="trow2"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
<tr><td class="tcat"><strong>Chat</strong></td></tr>
<tr><td class="trow1"><div id="output"></div></td>
</tr>

PS: oben habe ich die Webseite zum download des Chats angegeben ;-)

[attachment=2985]
Code:
<tr><td class="tcat" colspan="2"><strong>{$lang->boardstats}</strong></td></tr>
<tr>
<td class="trow1" style="width:30px;" align="center"><img src="$theme[imgdir]/stats.gif" alt="{$lang->boardstats}" /></td>
<td class="trow2"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
<tr><td class="tcat" colspan="2"><strong>Chat</strong></td></tr>
<tr class="trow1"><td></td><td><div id="output"></div></td></tr>
WoW, Klasse!!! klappt.
Eine Frage habe ich aber gerade noch.
Wie könnte ich die Anzeige zwischen "Wer ist online" und "Wer war in den letzten 24 Std online" bringen.
Zusätzlich noch, wie bei "Wer ist online (Erweiterte Liste) bei dem Chat, (Zum Chat) verlinkt dahinter setzen?

EDIT: Also, das mit der Verlinkung zum Chat habe ich schon mal:
Code:
<tr><td class="tcat" colspan="2"><strong>{$lang->boardstats}</strong></td></tr>
<tr>
<td class="trow1" style="width:30px;" align="center"><img src="$theme[imgdir]/stats.gif" alt="{$lang->boardstats}" /></td>
<td class="trow2"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
<tr><td class="tcat" colspan="2"><strong>Wer ist im Chat ?
</span><font size="1">( <a href="http://www.guido-michallik.de/supportboard/chat" target="_blank" title="Supportboard-Chat">Chat betreten</a> )<br />
</strong></td></tr>
<tr class="trow1"><td></td><td><div id="output"></div></td></tr>

So wie Anhang

[attachment=2986]
Hi Domic,

lässt sich der Chat ohne weiteres mit den Benutzern des Forums verbinden?

Gruß,
NixxusMinimax
Hi, je nach dem wie man es sieht.
Also eine Datenbank-Anbindung gibt es nicht, ABER
1. Du kannst ihn ja zb. nur für registrierte anzeigen lassen.
2. Es gibt ein Gästelogin und eine Registrierung nur für diesen Chat. Wenn der Name vergeben worden ist, kann er nicht noch einmal benutzt werden.

Komme sehr gut so zurecht, da auch andere "Schmankerl" dabei sind
zB:
-Viele verschiedene Styles, die man im Chat auswählen kann (Wenn der Admin es zulässt)
-Chaträume, die man eröffnen und sperren kann
- Verschiedene Mods erstellbar
- Verschiedene Anzeigeformate für externe Seiten (Finde ich persönlich klasse, da ich auch noch außer dem Forum eine Webseite habe)
usw.
Die Liste wäre sehr lang, wenn ich alles aufzählen sollte

Ich habe zB. Den Code jetzt in die index_useronline gelegt:
Code:
<tr><td class="tcat" colspan="2"><strong>Wer ist im Chat ?

</span><font size="1">( <a href="http://www.guido-michallik.de/supportboard/chat" target="_blank" title="Chat">Chat betreten</a> )<br />

</strong></td></tr>
<tr class="trow1"><td></td><td><div id="output"></div></td></tr>
So haben unregistrierte bei mir es noch schwerer den Chat zu betreten und sehen die Anzeige nicht (obwohl es auch nicht schlimm ist, wenn sich ein Gast verirrt, da ich ja verschiedene Räume anlegen kann)
Danke schonmal, wenn ichs mir genau überlege kann das ja auch eigentlich nicht. Wink
Ich werds mir bei Gelegenheit nochmal genauer angucken. Aufm Server hab ich ihn ja schon.
Soweit gefällt mir das auch ganz gut.
Es scheint doch zu gehen und für Leute die sich ein bisschen damit auskennen wahrscheinlich sehr schnell.
Leider übersteigt es meine Fähigkeiten. habs eher mit Grafikprogrammen.
Guck mal hier http://webdesign.weisshart.de/chat-faq.php#f23

Vielleicht kann ja jemand hier vom Bordteam da weiterhelfen.
Würd mich persönlich auch sehr freuen
Diesen Chat kannst du als Popup öffnen lassen, in dem du:


1. Dieses in den Head-Bereich deiner Html-Seite setzt.

Code:
<SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=865,height=650');");
}
</script>

2. Und folgenden Link in die Stelle deiner Wahl einsetzt, um das Popup-Fenster zu öffnen.


Code:
<A HREF="javascript:popUp('http://DEIN PFAD ZUM CHAT')">Zum Chat</A>

In MyBB ist es so zu realisieren:

1 Position in das Template header

2 Position in das Template unter Startseite Template/index_whosonline
Code:
<tr><td class="tcat" colspan="2"><strong>Wer ist im Chat ?
</span><font size="1">[ <A HREF="javascript:popUp('http://www.DEIN PFAD ZUM CHAT')">Zum Chat</A> ]<br />