Seite 4 von 5
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 13:51
von Miriam
Also die overall_footer.html hat mit der, die Du aktuell benutzt, nur bedingt etwas zu tun.
Deine (
http://rgscraft.de/Forum/phpBB3/styles/ ... ooter.html << kannst den Link ja mal checken, dann siehst Du es selbst) sieht so aus:
Code: Alles auswählen
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
<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> © <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">{CREDIT_LINE}
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>
</body>
</html>
Und da steht ganz groß das drin:
Code: Alles auswählen
<!-- 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> © <a href="https://blueimp.net">blueimp.net</a></div> <!-- ENDIF -->
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 14:42
von radah14
Argh. Klar. Tut mir leid. Hätt ich selbst sehen müssen. Ich hab die falsche datei bearbeitet und die richtige hier eingefügt...
Ähm, nächste frage, wo find ich genau die css einstellungen von der shoutbox? in stylesheet.css ist nix zu finden
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 14:54
von redbull254
Schau Dir das Mod-Paket an. Wenn dort .css Dateien drin sind, weißt du, welche Du bearbeiten musst.
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 15:07
von radah14
In dem Style sind 4 Dateiten, die css inhalte enthalten. allerdings ist das problem, das ich nirgends etwas wie div#ajaxChatContent oder etwas in der art finden kann.
ich weiß nur, dass sich der divcontainer von wrapcentre drüber befindet/übergeordnet ist. Das heißt, das einzige was ich finde, ist in overall_header.html die von mir eingefügten code neben ein parr anderen codierungen.
Code: Alles auswählen
<div id="wrapcentre">
<!-- IF S_DISPLAY_SEARCH -->
<p class="searchbar">
<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
<!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS -->
<span style="float: {S_CONTENT_FLOW_END};"><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF --><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF --></span>
<!-- ENDIF -->
</p>
<!-- ENDIF -->
<br style="clear: both;" />
<!-- INCLUDE breadcrumbs.html -->
<br />
<!-- 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> © <a href="https://blueimp.net">blueimp.net</a></div> <!-- ENDIF -->
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 16:55
von Miriam
Lösungsidee:
- Finde in der styles/lanparty/template/index_body.html
davor füge ein:
- Baue eine Datei mit Namen
shoutbox_body.html
- Schreibe folgenden Inhalt in diese Datei:
Code: Alles auswählen
<table class="tablebg" style="margin-top: 5px;" cellpadding="0" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="row1">
<p class="breadcrumbs">
<a href="#">Shoutbox</a>
<p>
</td>
</tr>
<tr>
<td class="row1">
<p>
<!-- IF not S_IS_BOT -->
<div style="font-size: 1.2em; margin-bottom: 20px; margin-left: 55px; max-height: 200px; overflow: hidden;">{SHOUTBOX}</div>
<!-- ELSE -->
<div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> © <a href="https://blueimp.net">blueimp.net</a></div>
<!-- ENDIF -->
</p>
</td>
</tr>
</tbody>
</table>
- Lade diese Datei auf Deinen Webspace in das Verzeichnis <foren-root>/styles/lanparty/template
Beachte auch: KB:tippstyles
Kannst das alles ja noch ein bißchen hübscher machen, wenn Du magst.
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 20:30
von radah14
Dann kommt das bei mir raus:
http://dl.dropbox.com/u/92514589/screen3.png
ich hab alles 3x kokntrolliert. die anweisung wurde genau befolgt
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 11.10.2012 20:40
von Miriam
Was hältst Du von der Idee, den ganzen Kram, den Du da vorher in den Templates eingebaut hast (bis auf die
hier geposteten Umsetzungen), wieder auszubauen und es dann nochmal zu testen?
Ich hatte dummerweise vergessen zu erwähnen, daß mein Vorschlag eine exklusive Lösung darstellt. Also exklusiv aller
Deiner phpBB3 Template spezifischen Anpassungen.
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 12.10.2012 10:35
von radah14
habe ich jz gemacht. sieht auch ganz gut aus. doch fänd ich das andere besser, wenn ich z.b. noch eine nrahmen drumsetzen könnte. Gibt es denn wirklich keine andere möglichkeit, die 1 Version der shoutbox mit einer css datei zu verknüpfen?
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 12.10.2012 13:36
von Miriam
Einen Vorschlag mache ich noch, dann bin ich raus.
Nimm das hier als neuen Inhalt für die /styles/lanparty/template/shoutbox_body.html:
Code: Alles auswählen
<table class="tablebg" style="margin-top: 5px;" cellpadding="0" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="row1">
<p class="breadcrumbs">
<a href="./chat">Link zur Shoutbox</a>
<p>
</td>
</tr>
<tr>
<td class="row1">
<p>
<!-- IF not S_IS_BOT -->
<div style="font-size: 1.2em; margin-bottom: 20px; height: 200px; max-height: 200px; overflow: auto;">{SHOUTBOX}</div>
<!-- ELSE -->
<div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> © <a href="https://blueimp.net">blueimp.net</a></div>
<!-- ENDIF -->
</p>
</td>
</tr>
</tbody>
</table>
Öffne die /styles/lanparty/template/forumlist_body.html und
- FINDE:
Code: Alles auswählen
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
<!-- ENDIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
- TAUSCHE AUS GEGEN:
Code: Alles auswählen
<!-- IF forumrow.FORUM_IMAGE -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
<!-- ENDIF -->
<!-- IF forumrow.FORUM_ID eq 9 -->
<!-- INCLUDE shoutbox_body.html --></td>
<!-- ELSEIF -->
<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
<!-- ENDIF -->
Erstelle ein neues Forum in der Kategorie SHOUTBOX. Merke Dir die ID des Forums und passe sie in der shoutbox_body.html an (und zwar hier:
<!-- IF forumrow.FORUM_ID eq 9 -->
)
Verschiebe Deine Kategorie Shoutbox per ACP an die Stelle in der Reihenfolge, an der sie erscheinen soll.
Beachte auch die Rechtevergabe für Kategorie / Forum, beide müssen sichtbar sein für registrierte Benutzer / Gäste.
Speichere alle Dateien und beachte KB:tippstyles.
Re: AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen
Verfasst: 12.10.2012 19:20
von radah14
Ich habe das mal gemacht, und es funktioniert tatsächlich wunderbar, doch gefällt mir das mit der 1. möglichkeit besser. (das wo ich die shoutbox in die overall_header.html eingefügt habe)
Ich, radah14, möchte mich hier und jetzt einmal in aller Form für die großartige Hilfe bei Miriam und redbull254 bedanken.
ihr habt mir sehr geholfen.
Da du, Miriam, jz raus bist, möchte ich mich noch ein letztes mal and redbull254 wenden:
Ist es möglich, die Shoutbox (eingefügt in die datei overall_header.html) mit einer eigen modifizierten css-Datei zu verknüpfen?
Wenn ja, wie?
mfg radah14