Onlineanzeige verkleinern - Style Latte

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
Hexe_Mol
Mitglied
Beiträge: 164
Registriert: 09.02.2010 18:19

Onlineanzeige verkleinern - Style Latte

Beitrag 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.
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: Onlineanzeige verkleinern - Style Latte

Beitrag 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 ]
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7898
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Onlineanzeige verkleinern - Style Latte

Beitrag 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;
}
Hexe_Mol
Mitglied
Beiträge: 164
Registriert: 09.02.2010 18:19

Re: Onlineanzeige verkleinern - Style Latte

Beitrag 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.
Antworten

Zurück zu „Styles, Templates und Grafiken“