Chat-Aufruf über seitliches Menüfenster
#1 Chat-Aufruf über seitliches Menüfenster
Mich stört,
dass das Chat-Fenster (ganz unten rechts) immer Teile vom Forum überdecken. Ich habe ein Versuch gestartet das Chat-Fenster auf der rechten Seite einzufahren zu lassen. Berührt man das Fenster, fährt es komplett heraus.
Hier: http://www.hilfe-tricks-tipps.de/
**********
Leider habe ich es noch nicht komplett hinbekommen.
Ist man abgemeldet befinden sich der notwendige Code in der unteren Leiste. Klick man nun das ausgefahrene Chat-Fenster an, bekommt man eine Aufforderung zur Anmeldung.
Code - User ist abgemeldet (Gastzugang)
2
3
4
5
6
7
8
9
<div id="xChatGuests" class="disconnected" onclick="showGuestNoChatInfo()">
<span class="xChatInfo">
<img title="disconnected" alt="disconnected" src="https://files.homepagemodules.de/b2001010/a_1233_c865a8ae.png" style="vertical-align: middle;">
<span style="margin-left:10px; font-weight:bold">{{chatname==true.start}}{{chatname}}{{chatname==true.else}}Foren-Chat{{chatname==true.end}}</span>
<span style="margin-left:10px;" class="ucspan"><img title="Mitglieder Online" alt="Mitglieder Online" src="https://files.homepagemodules.de/b2001010/a_1240_2bce5bb7.png" style="vertical-align: middle;">
<span class="ucount">{{member_online}}</span></span>
</span>
</div>
Leider habe ich noch nicht den Code für den Aufruf des Chat-Fenster im eingeloggten Zustand (Mitglied) gefunden .
Wer weiß hier weiter?
#3 RE: Chat-Aufruf über seitliches Menüfenster
Kannst Du auch verschieben.
Bis dann
Das sollte sich auch ohne Template-Eingriff relativ einfach per CSS-Addon lösen lassen.
Auf die Schnelle würde ich das so probieren:
2
3
4
5
6
7
8
9
10
11
12
13
#xChat_global.disconnected{
position: fixed !important;
right: 0px;
bottom: 100px;
min-width:30px !important;
}
#xChat_global.disconnected .xChatInfo {display:none;}
#xChat_global.disconnected .xChatHead{width: 30px; overflow:hidden;}
Das kannst du dann natürlich beliebig anpassen.
#5 RE: Chat-Aufruf über seitliches Menüfenster
Hallo Ingmar,
ich habe alles ausprobiert, komme einfach nicht weiter! 
Eigendlich müsste schon "#xChat_global.disconnected .xChatInfo {display:none;}" das kleine Chat-Fenster ausblenden. Tut es aber nicht.
Ich habe mit "!important" einiges probiert, geht leider auch nicht.
Was kann ich machen, wo liegt der Fehler?
Oder liegt das am Standard-Template?
#7 RE: Chat-Aufruf über seitliches Menüfenster
Hallo und erst einmal besten Dank!!!
Ich habe meinen Fehler gefunden!
Ich hatte den Eintrag zu der vorhandenen CSS in der "Unteren Leiste" eingebaut, aber da funktioniert es komischerweise nicht!
Unter "CSS, HTML & Co" funktioniert es!!!
Da die Eintragungen hier Wirkung zeigen, habe ich eine weitere einfache Lösung gefunden (mit Hover-Effekt).
2
3
4
5
6
7
#xChat_global.disconnected, #xChatGuests {
margin-right:-125px;
}
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
margin:0px;
}
PS: Ich versuche noch runde Ecken einzubauen, aber es geht mal wieder nicht! Wo kann ich wirksam "border-radius:5px" unterbringen.
Gruß
Wolfgang
2
3
4
5
6
7
8
9
10
#xChat_global.disconnected, #xChatGuests {
margin-right:-60px;
}
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
margin:0px;
}
.xChatHead div {
padding: 0px 0px !important;}
das sieht auch gut aus ... wenn der Code so korrek ist
Lud
#9 RE: Chat-Aufruf über seitliches Menüfenster
#10 RE: Chat-Aufruf über seitliches Menüfenster
Muttersprache: Griechisch
Für "border-radius:5px" gibt es einen CSS Generator (er gilt für alle Browser ), zum Beispiel: http://css3generator.com/ .
Oder du kannst es mit Javascript probieren.
Das ist nur ein Beispiel:
<div id="target">Lorem Ipsum</div>
<script type="text/javascript">
var target = document.getElementById("target");
target.style.borderTopLeftRadius = "20px";
</script>
Viele Grüße,
Vasileios
Junior-Technik
Muttersprache: Griechisch
Ja du darfst, es gibt kein Problem.
Ein komplette Beispiel :
<!DOCTYPE html>
<html>
<body>
<div id="target" style="width:500px; background-color:red; padding:20px;">
<p id="p1">Hello World!</p>
<p id="p2">Hello World!</p>
</div>
<script>
var target = document.getElementById("target");
target.style.borderRadius = "20px";
</script>
</body>
</html>
Viele Grüße,
Vasileios
Junior-Technik
Hallo und besten Dank!
Ich habe jetzt die Chat-Leiste und das große Chat-Fenster angepasst.
Interessanter Weise kann man fast alles, mit etwas suchen, über die "CSS" (Eigene CSS) ohne Eingriff ins Template verändern.
Ich habe jetzt, weil es auch viel Arbeit in Anspruch genommen hat, einen Beitrag geschrieben.
Wer will kann mal vorbeischauen und den Chat-Zugriff (unten rechts) ausprobieren.
PS: Durch das viele Testen, habe ich die doch zahlreichen Funktionen (z.B. Ausblenden der Online-User-Spalte) finden können. Super! 
Ähnliche Themen
| Thema | Antworten | Aufrufe | Letzte Aktivität | ||
|---|---|---|---|---|---|
 |
AufrufeAufrufe |
1
Ingmar
30.10.2022 |
186 |
|
|
|
css für Chatcss für Chat |
4
EaglePipe
19.08.2022 |
356 |
|
|
|
Chat V6 - online Mitglieder anzeigenChat V6 - online Mitglieder anzeigen |
2
Ingmar
09.08.2022 |
226 |
|
|
|
Mal wieder der Chat - Benutzer online?Mal wieder der Chat - Benutzer online? |
2
Desperatio
05.10.2021 |
375 |
|
|
|
Chat-Einstellungen erscheinen ständig, einige Funktionen gehen nicht mehrChat-Einstellungen erscheinen ständig, einige Funktionen gehen nicht mehr |
4
Brixia
16.01.2017 |
485 |
|
|
|
Hintergrund für Chat (Wenn man auf ein Profil geht) ändern.Hintergrund für Chat (Wenn man auf ein Profil geht) ändern. |
8
TripleM
01.04.2012 |
550 |
|
|
|
Chat-Berechtigung festlegenChat-Berechtigung festlegen |
3
Vitalis
12.08.2007 |
673 |
|
Jetzt anmelden!
Jetzt registrieren!