Onlinestatus in der Ecke?!

Das ganze wäre relativ einfach möglich, wenn man das Template dafür anpasst und dann noch bisschen CSS dazu bastelt.

Schau mal ob du im Template user.tpl fündig wirst. Mindestens aber auf jeden fall in einem der hier aufgelisteten .tpl's => https://github.com/search?q=org%3…nline&type=Code

Weiß nur aktuell nicht die richtige Vorgehensweise. Hatte das damals bei mir ebenfalls mal modifiziert. Nur existiert das Forum nicht mehr.

Hallo,

kein Template anpassen... mit CSS kannst du viel erreichen:

@include screen-lg {
.messageSidebar {
    overflow: hidden;
}
.messageSidebar .badgeOnline {
    bottom: auto;
    transform: rotate(-45deg);
    left: -75px;
    margin-top: -10px;
    padding: 2px 22px;
}
}

Quote from TheSoulrester

Schau mal ob du im Template user.tpl

Höchstens messageSidebar.tpl

Aze und nach dem nächsten Update von Woltlab das gleiche.

Lieber eine CSS Lösung wie Gino Zantarelli es vorgeschlagen hat

Quote from Sternchen

Aze und nach dem nächsten Update von Woltlab das gleiche.

Nicht wenn du eigene Template Gruppen für den Stil anlegst.

Quote from Sternchen

Aze und nach dem nächsten Update von Woltlab das gleiche.

Lieber eine CSS Lösung wie Gino Zantarelli es vorgeschlagen hat

Du sollst nicht die templates auf dem Dateisystem anpassen, sondern im acp. Wie mein Vorposter schon geschrieben hat, braucht man da nach Updates gar nicht erneut anpassen

Quote from Gino Zantarelli

Hallo,

kein Template anpassen... mit CSS kannst du viel erreichen:

Code

.messageSidebar {
    overflow: hidden;
}
.messageSidebar .badgeOnline {
    bottom: auto;
    transform: rotate(-45deg);
    left: -75px;
    margin-top: -10px;
    padding: 2px 22px;
}
}

Display More

Mein damaliges Problem war glaub ich, dass offline bzw. Nicht sichtbar nicht implementiert war und ich das somit manuell hinzugefügt hatte. Statt online war damals dann gar nichts dort. Deswegen hatte ich dann wohl das Template angepasst

Quote from DevelTabz

mit der Aufschrift - Online / Offline

Das funktioniert aber doch allein mit CSS nicht, oder?

Gruß norse

Funktioniert alleine mit CSS

Dann zeig mal bitte, wie Du ohne Templateanpassung "Offline" anzeigen lässt. Im Übrigen sieht die Anzeige auf Deinem Bild nicht unbedingt gelungen aus. Am linken Rand abgeschnitten und oben reicht sie nicht bis zum Rand. Kurzum: Gewollt, aber nicht gekonnt.

Gruß norse

Hier die Online / Offline-Anzeige mit puren CSS für den Standardstil:

@include screen-lg {
.messageSidebar {
    overflow: hidden;
}
.messageSidebar .badgeOnline {
    bottom: auto;
    transform: rotate(-45deg);
    left: -75px;
    margin-top: -10px;
    padding: 2px 22px;
    font-size: 12px;
    height: 21px;
}
.messageSidebar .userAvatar::before {
    display: inline-block;
    content: "Offline";
    position: absolute;
    background-color: #f00;
    color: #fff;
    padding: 1px 32px;
    font-size: 12px;
    transform: rotate(-45deg);
    left: -85px;
    top: -10px;
}
}

Quote from norse

Dann zeig mal bitte, wie Du ohne Templateanpassung "Offline" anzeigen lässt.

Wieso sollte das nicht gehen? Die Anzeige ist doch bereits vorhanden und wird nur anders positioniert.

Quote from Tobias777

Wieso sollte das nicht gehen? Die Anzeige ist doch bereits vorhanden und wird nur anders positioniert.

Die Offline-Anzeige ist nicht bereits vorhanden, sondern wird in diesem Beispiel mit CSS dargestellt.

Dann wirst Du vermutlich ein wenig mit den Zahlen spielen müssen. hier im Standardstil liegen die Anzeigen exakt übereinander, allerdings wird in der Schnellantwort fälschlicherweise Offline angezeigt.

Gruß norse

Man kann das offline auch ausblenden, einfach statt .messageSidebar .userAvatar::before auf .messageSidebar:not(.userOnline) .userAvatar::before ändern und fürs quick-reply noch das hier hinzufügen:

#messageQuickReply .messageSidebar .userAvatar::before {
  display: none;
}

Hallo zusammen,

Ich würde mich gern mal hier in dieses Thema einreihen da ich wenig Ahnung von CSS habe und keinen neuen Thread erstellen möchte.

Ich es möglich den Onlinestatus auch gegen eine eigene Grafik auszutauschen? Ich bräuchte nur online und nicht offline bzw. habe ich selbst eine online Grafik entworfen die ich gerne einbauen möchte.

Beste Grüße,

SpawnCube

Ja background-Image: url('link zur datei');

Und content: "";

Schreibe es gleich noch mal richtig, bin am Handy gerade. Bin unterwegs

Quote from LRDE

Ja background-Image: url('link zur datei');

Und content: "";

Schreibe es gleich noch mal richtig, bin am Handy gerade. Bin unterwegs

Magst es noch schreiben?