Mod und Chat an Style anpassen?

[crunsh]

Hi Leute,

sorry schon mal, wenn ich mit dieser Frage hier falsch bin.


Ich habe 2 Mods bei mir im Board installiert.
Einmal der "Wer war da?" Mod und einmal den "Ajax Chat".

Aber Optisch passen diese überhaupt nicht in das Board.
Wie bekomme ich es hin, dass der "Wer war da?" Mod genau so aussieht, wie der Kasten "Wer ist Online?"
Also gleiche Hintergrundfarbe und diesen schwarzen Balken in der Überschrift des Mods.

Und wenn wir schon mal dabei sind.
Wie bekomme ich den Chat optisch besser ins Forum?
Hätte den Chat gerne auch in so nen Kasten wie bei "Wer ist Online?"

Kann mir jemand helfen?

Hier mal mein Forum im Aero Black Style:
http://ccr-recklinghausen.de/phpBB3/index.php

Basierend auf Subsilver2, wenn es wichtig ist.

MfG
Micha

[DeepSurfer]

Ist der Ajax-Chat bei Dir das mChat-Mod aus der Moddatenbank oder eine komplette eigene Installation vom original https://blueimp.net/ ?

[crunsh]

Ich benutze diese Version hier:

http://www.phpbb.com/community/viewtopi ... 0&t=543865

AJAX Chat/Shoutbox MOD 2.0.0 Beta 8

[DeepSurfer]

Ok..ist also eines von den Chat Mods.
Kann ich nix weiter zu sagen weil ich die nicht nutze.

Zum "Who was here" Mod.
Du benutzt das AeroBlack Style basierend auf subsilver2-Version

Wenn ich mir den Quelltext anschaue so ist das MOD nicht richtig innerhalb der Tables eingebaut, sondern freistehend.
Daher sind die css-classen für den MOD nicht eingebaut daher fehlt der Hintergrund und die dunkle "Betreff" Zeile.

Wenn du Dich mit HTML auskennst solltest Du es schnell selbst hin bekommen.

[crunsh]

Naja bin noch am lernen

Nen kleiner Tipp wäre gut. Ich seh zwar glaube ich den Fehler. Aber keine Ahnung wie genau ich das ändern muss

[franki]

Also für den NV_HWh-Mod und AeroBlack

öffne styles/AeroBlack/templete/index_body.html
suche

Code: Alles auswählen

                    <!-- IF LEGEND -->
                        <tr>
                            <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
                        </tr>
                    <!-- ENDIF -->
                </table>
            </td>
            <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
        </tr>
        <tr>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
            <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
        </tr>
    </table>

füge danach ein

Code: Alles auswählen

    <!-- IF WHO_WAS_HERE_LIST2 -->
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
                <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
            </tr>
            <tr>
                <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
                <td>
                    <table class="tablebg" width="100%" cellspacing="0">
                        <tr>
                            <td class="catb" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
                        </tr>
                        <tr>
                            <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.png" alt="{L_WHO_IS_ONLINE}" /></td>
                            <td class="row1" width="100%"><span class="genmed">{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</span></td>
                        </tr>
                    </table>
                </td>
                <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
            </tr>
            <tr>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
                <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
            </tr>
        </table>
    <!-- ELSEIF U_ACP -->
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
                <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
            </tr>
            <tr>
                <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
                <td>
                    <table class="tablebg" width="100%" cellspacing="0">
                        <tr>
                            <td class="catb" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
                        </tr>
                        <tr>
                            <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
                            <td class="row1" width="100%"><span class="genmed">{L_WWH_UPDATE_NEED}</span></td>
                        </tr>
                    </table>
                </td>
                <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
            </tr>
            <tr>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
                <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
                <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
            </tr>
        </table>
    <!-- ENDIF -->

Für den Chat schaue ich mir das noch an.

*EDIT*
Chat-Template
öfnne styles/AeroBlack/templete/chat_body.html
suche

Code: Alles auswählen

<!-- IF S_GET_CHAT -->

füge danach ein

Code: Alles auswählen

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
            <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
        </tr>
        <tr>
            <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
            <td>

suche

Code: Alles auswählen

    <!-- IF S_CHAT -->
        <!-- INCLUDE overall_footer.html -->
    <!-- ENDIF -->
<!-- ENDIF -->

füge davor ein

Code: Alles auswählen

            </td>
            <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
        </tr>
        <tr>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
            <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
            <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
        </tr>
    </table>

DAS IST ABER NICHT GETESTET !!

[crunsh]

Habs eben versucht.
Aber irgendwas ist jetzt noch Falsch. Man sieht schon den richtigen Weg aber schau selber mal nach.
Ach und der Chat ist gerade ganz weg
Keine Ahnung, was ich jetzt schon wieder gemacht habe

http://www.ccr-recklinghausen.de/phpBB3/index.php

index_body.html
https://www.phpbb.de/support/pastebin.p ... view&s=557

chat_body.html
https://www.phpbb.de/support/pastebin.p ... view&s=555

Ich komme in dem Chaos gerade nicht weiter.

edit:
Chat ist wieder da
Aber das Chaos siehst du ja selber. Wäre super, wenn du mir nochmal helfen könntest!
MfG
Micha

[franki]

Hallo Crunsh

Die index_body.html hast Du nicht so geändert wie ich es im Beitrag angegeben habe

Für die chat_body dann so ändern
suche

Code: Alles auswählen

<div class="box">

füge danach ein

Code: Alles auswählen

		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
				<td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
				<td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
			</tr>
			<tr>
				<td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
				<td>

suche

Code: Alles auswählen

								<strong>• {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
							</th>
						</tr>
					</table>

füge danach ein

Code: Alles auswählen

				</td>
				<td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
			</tr>
			<tr>
				<td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
				<td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
				<td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
			</tr>
		</table>

[crunsh]

Hi franki,

vielen dank schonmal für deine super Hilfe

Also der Who is Online Mod? ist jetzt integriert. Danke!


Aber den Chat bekomme ich nicht hin.

Diesen Code gibt es in meiner chat_body.html nicht:

Code: Alles auswählen

<div class="box">

Hab jetzt ein paar andere div class="*" ausprobiert aber ohne Erfolg

Könntest du nochmals für mich nachschauen oder bin ich einfach zu doof ?

[franki]

Ich benutze diese Version hier:

http://www.phpbb.com/community/viewtopi ... 0&t=543865

AJAX Chat/Shoutbox MOD 2.0.0 Beta 8

Die Version die Du benutzt ist aber die Du angeben hast oder ?

Nimm mal bitte diese, schon fertig geänderte, original chat_body.html