[phpBB3] Bewertungsgrafik ändern

Hallo!
Kann man in Beiträgen, wenn man Bewertung abgibt, die Grafik ändern. Die Grüne Bewertungsgrafik sieht nicht gerade toll aus.

Hallo,

du meinst diesen Balken?


Was möchtest du daran ändern, die Farbe? Kannst du das genauer beschreiben?
Du weißt auch, dass du den ggf. roten Bereich des Balkens (bei negativen Bewertungen) auch mit beachten musst?

Liebe Grüße
Günther

Habe mir gedacht vielleicht mit Sternen

Eine Grafik möchtest du einsetzen?
Richtig geeignet ist der Bewertungsbalken dafür ja nicht gerade, auch müsste sich die Grafik dann je nach dem Verhältnis positive/negative Bewertungen mehrmals wiederholen und wird teilweise abgeschnitten dargestellt:

Ich habe hier mal testweise einen Stern für den positiven und einen traurigen Smiely für den negativen Bewertungsbalken eingesetzt.

Wichtig ist dabei, dass du sehr kleine Grafiken verwendest, ich habe hier zum Test Grafiken mit dem Ausmaß von 15x15px gewählt.

Die folgenden Codes trägst du ein unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet".
Zunächst legst du hier die Breite des Balkens entsprechend der Breite der Grafiken fest:

Code:

.vote .vote-bar {
  width: 15px;
}

Wird der Balken nun im Beitrag zu nahe am rechten Rand angezeigt, kannst du mit diesem Code den Abstand dort erhöhen (Wert ggf. anpassen):

Code:

.vote {
  margin-right: 10px;
}

Nun kommen wir zu den Grafiken. Im ersten Code setzt du die Bildurl der Positiv-Grafik, im zweiten jene der Negativ-Grafik ein:

Code:

.vote .vote-bar-plus {
  background-image: url("BILDURL");
}
.vote .vote-bar-minus {
  background-image: url("BILDURL");
}

Vielen dank erstmal für den Code.

Wollte nur wissen wie ich die Grafik dort ändern kann. Trotzdem danke für die mühe, dass du hier für mich eine kleine Grafik erstellt hast.

"Ändern" kannst du dort keine Grafik, weil im Original das Grün bw. Rot nur als Hintergrundfarbe festgelegt ist.
Deshalb muss man, wie es mein Code erreicht, diese Hintergrundfarben durch eigene Grafiken ersetzen.

Bitte und gute Nacht!
-closed-