Abgerundete Ränder für Bilder, Oneboxes, Blockquotes und mehr

Erstellt eine sehr einfache Komponente zum Ändern der Ränder von Bildern, Oneboxen, Blockquotes und Staff Notices, die in Themen angezeigt werden.

Ermöglicht die Änderung der folgenden Einstellungen:

  • Intensität der Bildrundung festlegen
  • Randbreite des Bildes festlegen
  • Randfarbe des Bildes festlegen
  • Intensität der Onebox-Rundung festlegen
  • Randbreite der Onebox ändern
  • Randfarbe der Onebox ändern
  • Hintergrundfarbe der Onebox ändern
  • Intensität der Blockquote-Rundung festlegen
  • Linken Rand von Blockquotes entfernen
  • Intensität der Rundung der „Staff Color“ festlegen
  • Unterstützung für Topic Thumbnails für:
    • Gerundete Ecken in Listenansicht
    • Gerundete Ecken in der Gitteransicht
    • Platzhalter-Hintergrund
    • Platzhalter-Icon-Farbe
    • Hintergrund des Gitter-Thementitels

Hellmodus mit 10px Rundung und ohne Rand

Dunkelmodus mit 10px Rundung und 2px Rand

Einschließlich Onebox-Unterstützung

Blockquote-Rundung (15px)

Oder linken Rand von Blockquotes entfernen:

Gerundete Staff Color

Unterstützung für Topic Thumbnails

Listenansicht

Gitteransicht

:sunglasses: Vorschau
:link: Github Repo
:hammer_and_wrench: Installationsanleitung
25 „Gefällt mir“

Danke, das ist sehr nett.

1 „Gefällt mir“

Danke! Ich benutze es schon seit einer Weile.

2 „Gefällt mir“

Wirklich schön. Ein Update-Wunsch. Es wäre cool, wenn wir einen Abstand zwischen dem Rand und der Paste hinzufügen könnten. Prost!

1 „Gefällt mir“

Bitte erläutern Sie Ihren Vorschlag mit einem Screenshot, ich verstehe ihn nicht ganz.

Ich habe ein paar Verbesserungen vorgenommen:

  • Sie können jetzt die Avatar-Rundung anpassen (Standard, Kreis = 50 %)
  • Einige Verbesserungen für Schaltflächen. Wenn die Schaltflächenrundung aktiviert ist, erhalten Kategoriepunkte eine feste minimale Rundung + Modale sind jetzt enthalten.
2 „Gefällt mir“

Ich habe abgerundete Ränder zu meinem Standardthema hinzugefügt und die bereitgestellten Standardeinstellungen beibehalten. Aber ich verstehe nicht, wie das angewendet wird.

Gilt dies pro hochgeladenem Bild, für die gesamte Website ab sofort oder für alles auf der gesamten Website?

Muss ich nur ein JPG hochladen und es seine Sache machen lassen? Habe ich zu diesem Zeitpunkt einige Auswahlmöglichkeiten? Ich bin auf einer Produktionsseite und experimentiere nicht gerne zu viel. Verwirrt. Danke im Voraus.

Ich kann es nicht genau sagen. Aber ich glaube, es würde nach der Installation funktionieren. Laden Sie ein neues Bild hoch und sehen Sie, ob der Rahmen angewendet wurde. Falls nicht, versuchen Sie die Schraubenschlüssel an einem bestimmten Beitrag (nicht Thema) und wählen Sie “HTML neu erstellen”.

Wenn es in keinem Fall angewendet wird, sollten Sie die TC-Einstellungen überprüfen. Stellen Sie auch sicher, dass Sie es in den verwendeten Themes hinzugefügt haben. Aktualisieren Sie die Seite, um sicherzustellen, dass die Einstellungen wirksam sind, da Sie möglicherweise zwischengespeicherte Seiten anzeigen.

Es handelt sich um CSS-Anpassungen, sodass sie seitenweit angewendet werden.

Es ist hauptsächlich eine persönliche Komponente, die ich beschlossen habe, öffentlich zu machen. Daher müssen Sie möglicherweise mit verschiedenen Einstellungen experimentieren, um zu sehen, wie sie funktioniert. Einige Einstellungen haben einen Schalter, der aktiviert werden muss, bevor die Einstellungen angewendet werden.

Das ist alles, was Sie für Bilder benötigen (standardmäßig deaktiviert). Alles darunter ermöglicht die gewünschte Rundung für andere Elemente.

3 „Gefällt mir“

Kann ich eine kleine Änderung an der Benutzeroberfläche vorschlagen (in Rot):

Ich bin mir ziemlich sicher, dass das in den Kernübersetzungen ist.

2 „Gefällt mir“