Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise

Einklappbare Chatbox [phpBB3] 

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Sa 10 Nov 2018 - 12:04

URL-Adresse des Forums:
http://laterra.forumieren.de/forum

Rang/Funktion im Forum:
Admin

Forenversion:
phpBB3

Browser:
Chrome

Persönliches CSS(Ja/Nein):
nein
Templateänderungen(Ja/Nein):
nein


Hallo Wink

Ich würde in meinem Forum gerne eine einklappbare Chatbox hinzufügen, finde jedoch einfach keinen passenden Code, oder weiß nicht wirklich wie und wo ich den einfügen muss.
Ich hab mich durch ziemlich viele Beiträge, die sich mit eben dem Thema beschäftigen gewühlt und gelesen, aber iwie klappt das ganze nie und als es beinahe geklappt hätte, war nur ein Symbol da, ohne Funktion.
Ich hab es bei Nachricht auf der Startseite versucht, leider auch keinen Erfolg gehabt.

Könnt ihr mir bitte weiter helfen, ich kenne mich mit den ganzen Codes noch nicht wirklich aus..
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Mo 12 Nov 2018 - 13:31

Hallo @Polarstern,

bitte erstelle einen neuen JavaScript-Code mit der Platzierung auf der Startseite und füge dies hier ein:
Code:
$(document).ready(function(){
    $("button").click(function(){
        $("div#cp-main").toggle();
    });
});

Nun gehe zu den Templates und editiere das Template index_body, scrolle bis Zeile 47 und platziere genau über {CHATBOX_TOP} diesen Code:
Code:
<button>Chatbox ein- und ausklappen</button><br>

Wenn du die untere Chatbox verwendest, fügst du genau den gleichen Code eine Zeile über {CHATBOX_BOTTOM} (Zeile 109) ein.
Es ist auch noch möglich, den Button per CSS zu gestalten, indem du ihm eine ID hinzufügst.

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Mo 12 Nov 2018 - 13:46

Hallo Bigtuber Very Happy

Danke für deine Hilfe und deine Codes!
Ich werde mich jetzt auf jeden Fall mal dran setzen und versuchen die Chatbox umzusetzen Wink

Liebe Grüße,
Polarstern


Edit:

Ich hab jetzt alle Codes eingefügt wie in der Beschreibung und auch alles gefunden.
Jedoch waren {CHATBOX_TOP} nicht auf 47 und {CHATBOX_BOTTOM} nicht auf 109, sondern jeweils ein paar Zeilen weiter unten.
Wegen dem Button, wie mache ich den? Soll ich zB eine Katze als Bild einfügen, oder eine Farbe? Brauche ich da auch einen neuen Code dafür, oder existiert da schon etwas?
Bis jetzt sieht man noch nichts, hab ich da was falsch gemacht?
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Mo 12 Nov 2018 - 17:47

Da ich leider nicht vor Ort schauen kann, könntest du mir bitte einmal Screenshots von dem eingefügten JavaScript-Code und des HTML Codes im Template hier schicken?
Hast du das Template auch per Veröffentlichen veröffentlicht?

Der Button hat aktuell einen voreingestellten Style, man kann ihn noch mit CSS aufhübschen. Machen wir das am besten, wenn er zu sehen ist:
Einklappbare Chatbox [phpBB3]  Screen14

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Di 13 Nov 2018 - 12:17

Hallo Bigtuber Very Happy

Ich hab doch glatt vergessen auf "Veröffentlichen" zu klicken Laughing
Jetzt ist da ein kleiner Button mit "Chatbox ein und ausklappen" aber es tut sich nichts, wenn ich da drauf klicke, also es kommt keine Chatbox.
Leider ist sie auch etwas verrutscht, ich wollte sie gerne ganz am linken Rand machen, bzw unten in der linken Ecke, sodass der Button von links nach Mitte zu drücken ist, ist das möglich, oder kann sie nur in der Mitte stehen?

Das ist der Code von Html Seitenverwaltung:

<br /><TABLE style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 10px; LEFT: 0px">
<TBODY>
<TR>
<TD><IFRAME id="popup_chatbox" style="WIDTH: 600px; HEIGHT: 300px" src="/chatbox/index.forum?" frameBorder=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><div id="chatbox_button" style="height: 1px; width: 1px;" onClick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();"></div></TD></TR></TBODY></TABLE>
<script type="text/javascript">
function updateChatbx() {
if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
jQuery('#popup_chatbox').parent().css('display', 'none');
jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX EINBLENDEN')");
}
else {
jQuery('#popup_chatbox').parent().css('display', '');
jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX AUSBLENDEN')");
}
};
updateChatbx();
</script>

Das wird mir auch dort angezeigt, aber nicht im Forum.

und das bei Javaskript:

$(document).ready(function(){
   $("button").click(function(){
       $("div#cp-main").toggle();
   });
});

Ich hoffe das ich jetzt das richtige geschickt hab.

Falls du möchtest und die Zeit hast, darfst du dir aber auch einen Acc anlegen und es dir ansehen, ich weiß leider nicht genau, von was du einen Screenshot brauchst.

Liebe Grüße,
Polarstern
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Di 13 Nov 2018 - 17:46

Du hast ja nun eine ganz neue HTML-Seite erstellt. Ich dachte, du möchtest die Chatbox auf der Startseite des Forums ein- und ausklappen und nicht auf einer zusätzlichen HTML-Seite?

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Di 13 Nov 2018 - 17:55

Ähm ja wollte ich eigentlich, also auf der Startseite..ich wusste nur nicht wo ich das HTML sonst eintragen sollte umkipp
Ich weiß ich bin eine schreckliche Anfängerin, aber ich möchte es wirklich lernen.
Magst du mir sagen, wo ich es denn sonst eintragen darf?

Liebe Grüße,
Polarstern
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Di 13 Nov 2018 - 18:03

Admin-Bereich > Anzeige > Templates > index_body
Dort dann wie in dem Lösungs-Beitrag vorgehen und den HTML-Code über Chatbox Top oder Bottom (je nachdem welche du verwendest) einfügen.

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Di 13 Nov 2018 - 18:21

Das da stand schon in dem Index Body drin

Spoiler:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>

<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->

</tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

<button>Chatbox ein- und ausklappen</button><br>
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="right" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
<td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
<td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>

<!-- BEGIN switch_social_login -->
<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
</td>
<!-- END switch_social_login -->

</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->

<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
<button>Chatbox ein- und ausklappen</button><br>
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td>&nbsp;&nbsp;</td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Soll ich das jetzt nochmal raus löschen und was anderes eintragen? Veröffentlicht ist das inzwischen schon.

Liebe Grüße,
Polarstern
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Sa 17 Nov 2018 - 16:51

Hallo BigTuber Very Happy

Ich habs jetzt endlich geschafft, die Chatbox ist da, jetzt fehlt nur noch der Button, wo man drauf klicken kann, damit sie sich ein und ausklappt.
Weißt du wo ich diese Option finde und wo ich dann das Bild einfügen kann.. und vielleicht noch wie groß es maximal sein darf? Very Happy

Liebe Grüße,
Polarstern
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Di 20 Nov 2018 - 14:50

So richtest du den Button ein:

@Bigtuber schrieb:Nun gehe zu den Templates und editiere das Template index_body, scrolle bis Zeile 47 und platziere genau über {CHATBOX_TOP} diesen Code:
Code:
<button>Chatbox ein- und ausklappen</button><br>

Wenn du die untere Chatbox verwendest, fügst du genau den gleichen Code eine Zeile über {CHATBOX_BOTTOM} (Zeile 109) ein.
Es ist auch noch möglich, den Button per CSS zu gestalten, indem du ihm eine ID hinzufügst.

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Mi 21 Nov 2018 - 18:35

Hallo Bigtuber Very Happy

Ich hab genau das gemacht, aber der Ausklappbutton ist nicht an der Chatbox dran, sondern hängt iwo im Forum fest.
Ich hab sie raus genommen weil es nur gebuggt hat, aber ich kann sie versuchen nochmal einzustellen.

Lg.
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am Mi 21 Nov 2018 - 19:28

@Polarstern,

im vorletzten Beitrag hast du geschrieben, dass der Button fehlt. Nun, dass er am falschen Platz ist. Was denn nun?
Kannst du mir mal bitte einen Screenshot machen vom Button?

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Polarstern am Sa 24 Nov 2018 - 12:16

Hallo Bigtuber Very Happy

Also das Thema hier darf auch geschlossen werden, danke für deine Hilfe und noch ein schönes Wochenende Very Happy

Lg.
Polarstern
Polarstern
Geselle
Geselle

Beiträge : 57
Anmeldedatum : 21.02.14
keine
Chrome phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Einklappbare Chatbox [phpBB3] 

Beitrag von Bigtuber am So 25 Nov 2018 - 22:00

Alles klar. Wink

Beste Grüße
Bigtuber
Bigtuber
Bigtuber
Administrator
Administrator

Männlich Beiträge : 2669
Anmeldedatum : 10.08.15
keine
Chrome AwesomeBB

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten