Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
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?
Alice
(
gelöscht
)
#2 RE: Chat-Aufruf über seitliches Menüfenster
#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?
Ich hätte da auch noch einen Vorschlag,ohne die Template zu verändern:
2
3
4
5
6
7
8
#xChat_global.disconnected, #xChatGuests {
max-width: 10px;
min-width: 0px ! important;
}
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
max-width: 300px;
}
Gruß
Olaf
#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
#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>
#11 RE: Chat-Aufruf über seitliches Menüfenster
Zitat von wolf.andres im Beitrag #7
PS: Ich versuche noch runde Ecken einzubauen, aber es geht mal wieder nicht! Wo kann ich wirksam "border-radius:5px" unterbringen.
Ich nehme mal an,das Du das seitliche Chatfenster meinst...
Hier ein Beispiel in meiner CSS Vorlage von hier oben,um alle Browser anzusprechen:
2
3
4
5
6
7
8
9
10
11
12
#xChat_global.disconnected, #xChatGuests {
-moz-border-radius: 5px
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
max-width: 10px;
min-width: 0px ! important;
}
#xChat_global.disconnected:hover, #xChatGuests.disconnected:hover {
max-width: 300px;
}
Gruß
Olaf
#12 RE: Chat-Aufruf über seitliches Menüfenster
Zitat von vasileios im Beitrag #10
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>
Geht das eigentlich,das in Deinem Beispiel die ID und die Variable den gleichen Namen haben dürfen?
Gruß
Olaf
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>
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!
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Thema | Antworten | Aufrufe | Letzte Aktivität | |||
---|---|---|---|---|---|---|
AufrufeAufrufe |
1
Ingmar
30.10.2022 |
181 |
|
|||
css für Chatcss für Chat |
4
EaglePipe
19.08.2022 |
351 |
|
|||
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 |
370 |
|
|||
Chat-Einstellungen erscheinen ständig, einige Funktionen gehen nicht mehrChat-Einstellungen erscheinen ständig, einige Funktionen gehen nicht mehr |
4
Brixia
16.01.2017 |
465 |
|
|||
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 |
658 |
|
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software