Beiträge von The_Waiters

The_Waiters

Zitat von PoooMukkel
Mein ursprüngliches Problem beschrieb ich im Woltlab Forum. Dort wurde mir mit einem CSS Skript geholfen, welches ich im Stil unter Individuelles CSS und LESS eingefügt habe. Damit werden sowohl auf dem Dashboard als auch im Forum alle extern verlinkten Bilder auf eine von mir festgelegte Größe skaliert. Dieses Skript funktioniert sowohl am PC als auch auf mobilen Devices.

Hier das Skript:
CSS
@media all and (max-width: 800px) {
.messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) >
div.messageText img {
max-width: 320px;
}
}
@media all and (min-width: 801px) {
.messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) >
div.messageText img {
max-width: 550px;
}
}
Alles anzeigen
Das bedeutet, dass Bilder auf 550px nach unten skaliert werden, wenn die Seite auf dem PC angeschaut wird. Mobil sind es 320px.

Nun habe ich dieses Skript aus dem Stil entfernt und das Plugin installiert, welches im Woltlab Store angeboten wird. Dann habe ich in den EInstellungen auf 550px gestellt, aber die Bilder wurden nicht skaliert - weder im Forum noch auf dem Dashboard. Aktuell habe ich das Skript wieder in Benutzung und alle Bilder werden skaliert.

Mein Forum ist unter http://www.compiware-forum.de zu finden.
Alles anzeigen

Hi,

so ich habs glaub ich. probiere das mal aus...
(muss in den Einstellungen aktiviert werden)

de.thewaiters.wcf.resizeimage.tar

Zitat von PoooMukkel

Auf jeden Fall sieht es nun etwas besser aus.

Im Forum werden die Bilder verkleinert. Aber auf dem Dashboard nicht.

Beispiel-Thema: http://www.compiware-forum.de/index.php/Thre…d-die-Gewinner/

Und auf dem Dashboard wird dieses Bild direkt weiter unten auch angezeigt, aber eben nicht auf 550px verkleinert.

Mobil habe ich es noch nicht getestet.

Alles anzeigen

Ist das ein Plugin was nachrichten im Dashboard unten einblendet? Wenn ja wie heist es?

Zitat von PoooMukkel

Nein. Das ist die normale Funktionalität vom Dashboard.

Ok, danke.

Habs gefunden... werd das noch mit aufnehmen...Ich bin das Wochenende unterwegs.... aber ich versuchs so schnell wie möglich bei Woltlab einzustellen

Zitat von PoooMukkel

Kein Stress!

Neue Version bei Woltlab eingestellt und wartet auf Freigabe.
Hier im Downloadbereich kann es schon heruntergeladen werden

Zitat von PoooMukkel

Also bis jetzt sieht es sehr gut aus! Die Bilder, die gerade auf dem Dashboard angezeigt werden, werden skaliert. Und meine Stichproben in verschiedenen Beiträgen waren auch alle positiv.

Super. Vielen Dank! Damit ist die Geschichte nun Stil-Unabhängig.

The_Waiters

Zitat von DragonGun

Hey

Erst mal: Sehr nettes Plugin, bin grad noch am ausprobieren

Wie oder wo lege ich die "Leuchtfarbe" für .AnimationGlow fest?
Hab in den ganzen Dateien keine Festlegung der Farbe gefunden und vermute, dass es deshalb bei mir nicht "glowt".

Gruss
DG

Hey, danke.

wenn du die Möglichkeit hast in den Stil-Einstellungen zu ändern, dann legst du es dort am besten fest. Für das Beispiel habe ich folgende Farben festgelegt.

CSS

@wcfAnimationGlowSchadowColor: rgba(204, 204, 204, 1);@wcfAnimationGlowSchadowGlowColor: rgba(199, 224, 91, 1);

alternativ kann man auch über template listener was einbinden.

Wenn es nicht klappt, kann ich dir auch alternativ ein Plugin machen, damit du das in den allgemeinen Einstellungen festlegen kannst

Zitat von DragonGun

Ich habe mal ein paar der Animationen ausprobiert, aber leider hat keine funktioniert.

Die LESS Variable hab ich noch nicht gesetzt, werd ich aber noch ausprobieren.

Zeig mal wie du es einbinden wolltest

Zitat von DragonGun
Code
.badge .badgeUpdate {.AnimationRing;}

probiere das mal:

Code

.badge.badgeUpdate {.AnimationRing;}

ich hab das Leerzeichen zwischen den Klassen entfernt

Zitat von DragonGun

Das macht leider keinen Unterschied.

Wo sitzt bei dir das Element? kannst du mir einen Screenshot schicken oder einen Link geben?

Zitat von DragonGun

Link kann ich dir leider keinen geben, da es ein internes Forum ist.

Also ich hab es bei mir mal probiert.
Es funktioniert bei mir.

Code

.badge.badgeUpdate{.AnimationRing;}

Damit es jedoch nur das Menu betrifft, sollte sicherheitshalber noch die Zuordnung zum Menu davor.

Code

#mainMenu .badge.badgeUpdate{
.AnimationRing;
}

Wenn du mir per pn Zugangsdaten schickst, würde ich selbst mal schauen...