Seite 1 von 1

Onlineanzeige verkleinern - Style Latte

Verfasst: 20.12.2015 12:29
von Hexe_Mol
guten morgen,

ich würde gerne beim style latte die onlineanzeige über dem avatar verkleinern.

[ externes Bild ] (screenshot)

der braune balken soll also weiter in die obere linke ecke des avatars rutschen und weniger des avatars verdecken.

falls das mega-aufwändig sein sollte, könnte ich mir alternativ auch vorstellen, dass dieser balken ganz verschwindet und hinter dem nick (unterm avatar) ein grüner punkt angezeigt wird, wenn der user online ist.

Re: Onlineanzeige verkleinern - Style Latte

Verfasst: 20.12.2015 13:50
von Melmac
Hi,

machbar ist dies prinzipiell schon, aber wenn Du den originalen "Balken" beibehalten willst, wird es schnell relativ aufwändig, wenn es am Ende noch einigermaßen gut aussehen soll.
Von daher würde ich persönlich eher zur zweiten Lösung tendieren: die originale Anzeige "rausnehmen" und durch eine neue ersetzen:

1) Das Original ausblenden:
- öffne <phpbb_root>/styles/Latte/theme/_custom.scss ( :D ) und füge am Ende in neuer Zeile ein:

Code: Alles auswählen

.online-ribbon {
    display: none;
}
2) neue Statusanzeige integrieren:
- installiere die Extension [RC] On and Offline Status
Muss nicht konfiguriert werden, sobald sie aktiviert wurde.

3) wie gewohnt: kompilieren > Cache leeren

Das Ergebnis sollte dann so aussehen:
[ externes Bild ]

Re: Onlineanzeige verkleinern - Style Latte

Verfasst: 20.12.2015 14:12
von Kirk
Hallo
Wenn du die Grafik dennoch behalten möchtest, probier das hier:
Öffne die stylesheet.css deines Styles
Finde:

Code: Alles auswählen

.online-ribbon {
    display: block;
    height: 70px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 70px;
}
Ersetzen mit:

Code: Alles auswählen

.online-ribbon span {
    display: block;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    height: 18px;
    left: -19px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 6px;
    transform: rotate(-45deg);
    white-space: nowrap;
    width: 70px;
}

Re: Onlineanzeige verkleinern - Style Latte

Verfasst: 20.12.2015 17:13
von Hexe_Mol
ich habe mich für die erste lösung entschieden, das gefällt mir besser.
DANKE! :wink:

und bei der gelegenheit bin ich gleich zur ursprünglichen _content.scss zurückgekehrt und habe alle anpassungen in die _custom.scss gepackt. :D
noch sind das ja nur zwei, aber mittelfristig scheint das sinnvoller zu sein.