AJAX cHAT als Shoutbox ins phpbb3 Forum einbauen

[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 --> 

[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

[redbull254]

Schau Dir das Mod-Paket an. Wenn dort .css Dateien drin sind, weißt du, welche Du bearbeiten musst.

[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 --> 

[Miriam]

Lösungsidee:

• Finde in der styles/lanparty/template/index_body.html

  Code: Alles auswählen

  <!-- INCLUDE forumlist_body.html --> 

  davor füge ein:

  Code: Alles auswählen

  <!-- INCLUDE shoutbox_body.html --> 
• 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> &copy; <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.

[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

[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.

[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?

[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> &copy; <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.

[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