[phpBB2] Popup-Chatbox für Gäste ausblenden

Hallo ihr vom Team,
ich hab da mal wieder ne kleine Frage und hoffe, dass mein Threadtitel so schon ok ist...

Mir wurde immer mal wieder gesagt, dass es störend ist, wenn die Popup Chatbox beim ersten Besuch im Forum geöffnet ist. Besonders Gäste stören sich daran.
Ich hab das Forum schon durchstöbert, bin aber nicht wirklich auf was gestoßen.
Ich habe nach vielen Anleitungen hier im Forum, wie z.B. >> hier << eine Popup-Chatbox in meinem Forum eingebaut. Nun aber verhält es sich so, dass sie beim allerersten Besuch, z.B. für Gäste, die Chatbox geöffnet ist.
Ich weiß, dass diese Version der Chatbox einen Cookie nutzt, so dass der Chat geschlossen bleibt, wenn er es war beim Verlassen des Forums und auch geschlossen ist, wenn man dann wiederkehrt.

Kann man das irgendwie einstellen, dass sie von vornherein geschlossen ist und man auf den Button klicken muss, dass sie sich öffnet, wenn man sie wirklich braucht?

Wäre wirklich schön, wenn mir da jemand weiterhelfen kann!

Liebe Grüße,
eure Cara (lost angel)
XXX

Konntest Du Dein Problem schon lösen?

Vielleicht wäre ja die Variante ohne Cookies etwas für Dich. Klick
Beachte bitte dort im Thread, dass innerhalb des Codes noch die selben Grafiken eingesetzt sind!
Bedenke bitte auch jeweils nur eine Chatbox zu verwenden, da sich die beiden verschiedenen Codes nicht miteinander vertragen.

Hilft Dir das weiter?

LG inde

---

EDIT:

Keine Rückmeldung mehr erhalten, das Problem scheint gelöst zu sein. Deshalb wurde hier geschlossen. Sollte es noch Bedarf zu diesem Thema geben, dann bitte eine PN an den unten stehenden EDIT-Absender senden.

Hey meine Lieben,

leider hatte ich in den letzten Tagen einige Probleme mit meinem Laptop, weshalb ich lange Zeit zeitweise nur übers Handy ins Forum konnte, dabei konnte ich die "Probleme" mit meiner Chatbox nicht beheben können.
(Chatbox geschlossen für Gäste beim ersten Besuch)
Nun, das habe ich heute irgendwie hinbekommen und ich glaube, sie ist nun geschlossen, wenn man das erste Mal das Forum betritt.

Aber, bevor ich die "Korrektur" vornahm waren die Ecken meiner Chatbox abgerundet und sie schloss und öffnete sich fließend, nicht mit einem "Plopp". Das ist nun nicht mehr der Fall.
Irgendwie stehe ich auch grad auf der Leitung. Denn ich kann trotz "Suche" die Themen nicht mehr wiederfinden, mit dessen Hilfe ich das damals hinbekommen hatte.

Kann mir also jemand bitte helfen und mir verraten, wie ich die Ecken abrunden kann und sie fließend öffnen und schließen kann?

Folgende Code habe ich für meine Chatbox im Forum installiert:

Tamplate overall_footer_end

Code:

<script type="text/javascript">
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css('margin-left', '-610px');
    }
    </script>  
  <TABLE id="popup_chatbox" style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 10px; LEFT: 0px">
    <TBODY>
    <TR>
    <TD><IFRAME style="WIDTH: 600px; DISPLAY: none; HEIGHT: 300px" id=chatboxpop marginHeight=0 src="../chatbox/index.forum?" frameBorder=0 marginWidth=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png')?'block':'none';this.src=(this.src=='http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png')?'http://i86.servimg.com/u/f86/19/12/38/89/chatbu12.png':'http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png';" src="http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png" onClick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();"></TD></TR></TBODY></TABLE>
    <script type="text/javascript">
    function updateChatbx() {
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css({'margin-left' : '-610px', transition : 'margin 2s ease-in-out 0s'});
    }
    else {
    jQuery('#popup_chatbox').css({'margin-left' : '', transition : 'margin 2s ease-in-out 0s'});
    }
    };
    updateChatbx();
    </script>

CSS-Stylesheet

Code:

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
background-color: none;
    background-image: url('http://i86.servimg.com/u/f86/14/68/81/77/chathi10.jpg');
    background-repeat: repeat;
}

#chatbox p {
background: none repeat scroll 0 0 transparent;
font-family: 'Comic Sans MS';
}

/*Textfarbe im Titel der Chatbox*/
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
 color: #000000;
 font-family: 'Georgia', cursive;
}

/*Hintergrundfarbe des Titels der Chatbox*/
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
background-color:  clear;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
color: #000000;
font-family: 'Georgia', cursive;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li,
#chatbox_members ul li a {
color: #000000;
font-family: 'Georgia', cursive;
}
    .chatbox-username {
      text-shadow: 1px 1px 2px #000000;
    }

/*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a {
color: #000000;
font-family: 'Comic Sans MS';
}
/*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

    /*Chatbox umbenennen*/
    /*Blendet in der Chatbox den Schriftzug "Chatbox" aus*/
    #chatbox_header .catBottom .cattitle {
      font-size: 0px;
    }
    /*Blendet in der Chatbox einen neuen Schriftzug ein*/
    #chatbox_header .catBottom .cattitle:after {
      content:"Café Blut und günstig Plauderlounge";
      font-size: 12px;
    }
    /*ENDE*/

    /* Chatbox-Anmeldung */
    #chatbox .msg span[style="color:green"] strong {
      color: #006666;
    }
    /* Chatbox-Abmeldung */
    #chatbox .msg span[style="color:red"] strong {
      color: #990000;
    }

Ich hatte es sogar schon mit einem Backup versucht, aber davon sind wohl die Chatboxeinstellungen im Template ausgeschlossen.

Vielen Dank schon im Voraus!
Liebe Grüße,
eure Cara (lost angel)
XXX

Du hättest uns ja auch eine PN zum wieder öffnen des Threads senden können, so ganz neu bist Du hier doch auch nicht... zumal es dort im letzten Beitrag auch noch extra hervorgehoben wurde.

Könntest Du bitte einmal das komplette Template hier posten?
Für welches Deiner Foren?

LG inde

Oh, ich dachte, das wäre ein anderes Thema, da die Chatbox ja jetzt geschlossen ist, beim ersten Besuch im Forum und es sich nur um den Style dreht. Sonst hätte ich ja die PN geschickt.

Aber gut, hier ist das ganze Template overall_footer_end aus dem Engelskuss-RPG-Forum

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
          <script type="text/javascript">
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css('margin-left', '-610px');
    }
    </script> 
  <TABLE id="popup_chatbox" style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 10px; LEFT: 0px">
    <TBODY>
    <TR>
    <TD><IFRAME style="WIDTH: 600px; DISPLAY: none; HEIGHT: 300px" id=chatboxpop marginHeight=0 src="../chatbox/index.forum?" frameBorder=0 marginWidth=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png')?'block':'none';this.src=(this.src=='http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png')?'http://i86.servimg.com/u/f86/19/12/38/89/chatbu12.png':'http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png';" src="http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png" onClick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();"></TD></TR></TBODY></TABLE>
    <script type="text/javascript">
    function updateChatbx() {
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css({'margin-left' : '-610px', transition : 'margin 2s ease-in-out 0s'});
    }
    else {
    jQuery('#popup_chatbox').css({'margin-left' : '', transition : 'margin 2s ease-in-out 0s'});
    }
    };
    updateChatbx();
    </script>
</body>
</html>

Danke nochmal für eure Hilfe. Ich wüsste echt nicht, was ich in so vielen Fällen ohne euch täte... gut wüsste ich schon... mein Forum schrotten... Aber soweit kommt es dank eurer Hilfe ja nie!
Danke!

Ich nehme das einmal mit in eines meiner Testforen, komme jedoch zeitlich gesehen erst morgen Abend dazu.

LG inde

Ist ok! Vielen lieben Dank nochmal! Hetz dich bloß nicht ab. Mein Lappi macht schon wieder Mucken, also kann es sein, dass ich auch erst Morgen wieder hierher kann... oder sogar erst übermorgen. Ist halt schon alt der Junge.

Zeitlich gesehen sieht es im Moment recht eng bemessen bei mir aus.
Ich habe Dir aber schon einmal die beiden Themen herausgesucht, welche Du wohl einst genutzt hast.
1. Chatbox abrunden
2. Chatbox fließend

Was ich gar nicht verstehe ist, weshalb die kleine Chatbox nicht beim ersten Betreten zumindest für Deine User offen stehen soll.
Ich würde ja einmal den Code nehmen und einfach in ein eigenes Indexmodul packen und das Modul dann für Gäste ausblenden.

LG inde

Hallo @inde,
die Ecken abrunden hab ich hinbekommen.
Nur dass sie sich fließend öffnen bzw. schließen lässt nicht. Ich hab einiges rumprobiert, aber irgendwie hab ich das nicht hinbekommen. Zeitweise ließ sie sich nicht mal mehr öffnen, also hab ich die Versuche wieder rückgängig gemacht.

Macht aber nix, wenn du gerade kaum Zeit hast. Lass dir ruhig Zeit.

Danke schon mal, dass du mir weiterhelfen willst und schon konntest!
Liebe Grüße,
Cara (lost angel)
XXX

Das mit den Cookies umsetzen funktioniert nicht anders, somit bleibt beim ersten Betreten des Forums der Chat einmal offen, sowie auch nach dem Löschen der Cookies.

inde schrieb:Was ich gar nicht verstehe ist, weshalb die kleine Chatbox nicht beim ersten Betreten zumindest für Deine User offen stehen soll.
Ich würde ja einmal den Code nehmen und einfach in ein eigenes Indexmodul packen und das Modul dann für Gäste ausblenden.

So würden Deine Gäste die Chatbox gar nicht erst zu sehen bekommen und Deine Member können dies mit einem Klick ausschalten sowie bei Bedarf einschalten.

Möchtest Du das einmal so einsetzen? Dann würde ich Dir ein kleines Tut dafür schreiben.

LG inde

Ich nutze keine Indxmodule in meinem Forum, weil die den Forenrahmen zur Seite schieben und damit das eigentliche Forum dann nicht mehr schön mittig im Bildschirm ist. Hatte das schon mal getestet.
Also die Mühe brauchst dir nicht machen.

Wenn gar nicht anders geht, dass die Chatbox mit meinem Code nicht so eingestellt werden kann, dass sie fließt statt plopp, dann ist das ebenso. Schöner wäre es zwar, aber was nicht ist ist nicht... ich bin ja schon froh, dass sie jetzt geschlossen ist beim ersten Besuch.

lost_angel schrieb:Ich nutze keine Indxmodule in meinem Forum, weil die den Forenrahmen zur Seite schieben und damit das eigentliche Forum dann nicht mehr schön mittig im Bildschirm ist. Hatte das schon mal getestet.
Also die Mühe brauchst dir nicht machen.

So jung und gar nicht ein wenig experimentierfreudig.
Dann tue mir doch bitte einmal den Gefallen und melde Dich einmal hier in meinem Testforum an. (Bitte zurzeit keine GMX und WEB.de- Adresse verwenden!)

Überzeuge Dich bitte davon wie der Chat funktioniert und auch davon, dass das Forum mittig sitzt. Dazu gehört natürlich auch ein entsprechender Eintrag in das CSS.

LG inde

Jung? Ich werde 34... leider.
Och, ab und zu bin ich schon experimentierfreudig. Du kannst dir gar nicht vorstellen, was ich so experimentiere... nur die Indexmodule gefallen mir einfach nicht.

So, bin bei dir angemeldet!
Und YEAH!!! So will ich die Chatbox auch haben. Und das geht ganz normal mit Indexmodulen? Schweinerei, warum klappte das dann bei mir nicht.

Ok, was muss ich machen?

lost_angel schrieb:Jung? Ich werde 34... leider.

Als ich 34 war habe ich noch Bäume ausgerissen, heute muss ich diese absägen.  

lost_angel schrieb:Schweinerei, warum klappte das dann bei mir nicht.

Weil man stets ganz behutsam mit seinem Forum umgehen soll.

lost_angel schrieb:Ok, was muss ich machen?

---

---

Schritt 1: Trage zuerst den nachfolgenden Code in Dein persönliches CSS ein.
Admin-Bereich -> Allgemeines -> Anzeige -> Bilder & Farben -> Farben -> CSS Stylesheet -> Absenden nicht vergessen!

Code:

/*BB2 Ausblenden der rechten Modulreihe*/
#right {
  margin-left: 0 !important;
  width: 0 !important;
}

---

Schritt 2 und folgende:

Code:

   <script type="text/javascript">
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css('margin-left', '-610px');
    }
    </script>    
<table id="popup_chatbox" style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 10px; LEFT: 0px">
                      
 <tbody>
 <tr>
                  
 <td>
       <iframe style="WIDTH: 600px; HEIGHT: 300px; BORDER-RADIUS: 20px" src="/chatbox/index.forum?" scrolling="no" frameborder="0"> </iframe>      
 </td>
                  
 <td style="vertical-align: bottom; padding-left: 6px;">
       <img src="http://i86.servimg.com/u/f86/19/12/38/89/chatbu11.png" onclick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();" />      
 </td>
            
 </tr>
            
 </tbody>
</table>
    <script type="text/javascript">
    function updateChatbx() {
    if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') {
    jQuery('#popup_chatbox').css({'margin-left' : '-610px', transition : 'margin 2s ease-in-out 0s'});
    }
    else {
    jQuery('#popup_chatbox').css({'margin-left' : '', transition : 'margin 2s ease-in-out 0s'});
    }
    };
    updateChatbx();
    </script>

---

Hinweis: Damit die Schaltergrafik nicht ganz so dicht am Chat liegt, habe ich dort zusätzlich noch einen kleinen Abstand (6px) hinzugefügt, diesen kannst Du natürlich auch noch einstellen.

Code:

<td style="vertical-align: bottom; padding-left: 6px;">

Kommst Du damit zurecht?

LG inde

Hey @inde,
bevor ich da was anfange muss ich doch bestimmt das Template wieder "löschen", wo ich das mit der Chatbox reingebastelt hatte... oder?

Ansonsten sieht die Erklärung schon mal praktisch aus... klappt bestimmt... trotz so gehirnblond wie ich abends schon mal sein kann.

Ja das ist die Voraussetzung dafür, zuerst das Template wieder zurücksetzen oder aber entsprechende Stellen streichen.
Ich weiß eigentlich das es klappen sollte.

LG inde

Na du hast ja Vertrauen in mich...
Ok, dann fang ich mal an und schreie dann, wenn es nicht geklappt hat.


Edit:
Ich könnt dich drücken!
Ich liebe meine neue Chatbox!
Danke, dank, danke! Hat prima geklappt. Mein Hirn pennt also doch noch nicht.


Dieser Thread kann also geschlossen werden! (Endlich wirklich!!!)

Bitte &

Ich gebe dem Thread aber noch einen anderen Titel, damit andere das Thema auch wieder finden.

LG inde