Zustands-Bilder blinken?

[Seant]

Aloha,
kleine und (hoffentlich) simple Frage:

Ich habe mit der einschlägig bekannten Methode die Zustände durch Bilder ersetzt. Wie löse ich es, daß diese Bilder vor dem Ablaufen der Zustände blinken?

lg
Seant

[Andi90]

Ich habe es mit einem animierten GIF gemacht, das in den letzten Minuten angezeigt wird. Eine andere Methode ist mir nicht bekannt.

[Cembon]

geht da text-decoration:blink oder ist das wirklich nur für text? ich hab grad keine ahnung, sonst animiertes gif, ist ja schnell erstellt 2 ebenen eine leere und eine mit dem bild und dann bildübergang: ersetzen, pause: 1000ms^^

[Andi90]

text-decoration funktioniert nicht.

[Seant]

Mein Problem wäre bei der gif-Lösung (die mir ansonsten sinnig und logisch erscheint), daß ich nicht weiß, wie ich LP-Push und LP-Malus sowie Stärke-Push und Stärke-Malus unterscheiden kann. Hätte da jemand ein Codebeispiel?

lg
Seant


Edit: Bei den anderen Zuständen geht es ja, aber bei den beiden kann ich dann weil es halt beides gibt nicht mehr sauber unterscheiden ...

[Andi90]

So hab ich es:

Code: Alles auswählen

/*Lp-Erhöhung*/
span[title*="Lebenspunkte +"] { font-size: 0px; }
span[title*="Lebenspunkte +"]:after { content:url(zustaende/lppush.gif); display:inline; }
span[title*="Lebenspunkte +"][title*="(2 Minuten)"] {font-size: 0px;}
span[title*="Lebenspunkte +"][title*="(2 Minuten)"]:after { content: url(zustaende/alppush.gif);}
span[title*="Lebenspunkte +"][title*="(1 Minuten)"] {font-size: 0px;}
span[title*="Lebenspunkte +"][title*="(1 Minuten)"]:after { content: url(zustaende/alppush.gif);}
span[title*="Lebenspunkte +"][title*="(0 Minuten)"] {font-size: 0px;}
span[title*="Lebenspunkte +"][title*="(0 Minuten)"]:after { content: url(zustaende/alppush.gif);}

lppush.gif ist das normale Zustandsicon, alppush.gif ist das animierte, das die letzten 3min angezeigt wird.
Beim LP-Malus nimmst du span[title*="Lebenspunkte -"], analog bei den anderen Zuständen.

Aber was hat diese Unterscheidung mit einem animierten GIF zu tun?


EDIT: Wenn man den Rückangriff durch ein Icon ersetzt, hat man keine Information mehr, gegen wen sich dieser richtet, da im Title nur "Rückangriff" steht.
Falls jemand dazu noch eine Lösung hat, wär ich sehr dankbar.

[Seant]

Vielen Dank für die Hilfe .

[Cembon]

Code: Alles auswählen

span[title=^"Lebenspunkte +"][title=$"(3 Minuten)"],span[title=^"Lebenspunkte +"][title=$"(2 Minuten)"], span[title=^"Lebenspunkte +"][title=$"(1 Minuten)"],span[title=^"Lebenspunkte +"][title=$"()"] { ... } /* Lebenspunkte erhöht */
span[title=^"Lebenspunkte -"][title=$"(3 Minuten)"],span[title=^"Lebenspunkte -"][title=$"(2 Minuten)"], span[title=^"Lebenspunkte -"][title=$"(1 Minuten)"],span[title=^"Lebenspunkte -"][title=$"()"] { ... } /* Lebenspunkte erniedrigt */

sollte eig klappen^^

ist die kurzversion^^
@andy: 0 minuten werden doch garnicht angezeigt oder? sondern ()

[Andi90]

Hmm ich dachte schon? Moment, ich teste gleich mal.

[bwoebi]

Code: Alles auswählen

span[title=^"Lebenspunkte +"][title=$"(3 Minuten)"],span[title=^"Lebenspunkte +"][title=$"(2 Minuten)"], span[title=^"Lebenspunkte +"][title=$"(1 Minuten)"],span[title=^"Lebenspunkte +"][title=$"()"] { ... } /* Lebenspunkte erhöht */
span[title=^"Lebenspunkte -"][title=$"(3 Minuten)"],span[title=^"Lebenspunkte -"][title=$"(2 Minuten)"], span[title=^"Lebenspunkte -"][title=$"(1 Minuten)"],span[title=^"Lebenspunkte -"][title=$"()"] { ... } /* Lebenspunkte erniedrigt */

sollte eig klappen^^

ist die kurzversion^^
@andy: 0 minuten werden doch garnicht angezeigt oder? sondern ()

Es gibt beides, Cemb^^

[Andi90]

Das stimmt sogar, ist mir bisher nie aufgefallen
zB beim Schutz steht in der letzten Minute nur "Schutz ()".

[bwoebi]

Das stimmt sogar, ist mir bisher nie aufgefallen
zB beim Schutz steht in der letzten Minute nur "Schutz ()".

0 Minuten ist bis genau 30 mins beim Schutz abgelaufen sind; der Schutz existiert aber noch bis zur nächsten Minute (00 Sekunden auf der Uhr)

[Seant]

Okay, doch noch eine kleine Frage: Kann man es einrichten, daß alle Bilder zentriert werden? Also mittig angeordnet?

lg
Seant

[Mr. Rosegger]

Seant, dein Signatur find ich klasse