Text durch Bild ersetzen

[bwoebi]

Warte 10min dann hab ich den passenden Selektor (bin grad aufm iPhone)

[Latzhosenträger]

Warte 10min dann hab ich den passenden Selektor (bin grad aufm iPhone)

War das nicht das Ding, das deine aktuelle Position an den Hersteller schickt, der sie speichert..?^^

[bwoebi]

Warte 10min dann hab ich den passenden Selektor (bin grad aufm iPhone)

War das nicht das Ding, das deine aktuelle Position an den Hersteller schickt, der sie speichert..?^^

Lass mal das OT, und dazu jein, anonym schon oder verwechselst du es grad mitm Android?

____________


Nein den title kann man nicht ändern.

EDIT: du kannst aber einen pseudomouseover machen mit

Code: Alles auswählen

p.listrow span.small span[title*=""]:hover:before { content: ""; position: relative; top: 20px; }

Der Fehler? kA, ich würde mal

Code: Alles auswählen

span[title*="Lebenspunkte +"] { display: inline-block; width: 0px; }
span[title*="Lebenspunkte +"]:after { content: url(lppush.gif); width: auto; }

ausprobieren

Und zum Ck/Ra: Ck:

Code: Alles auswählen

p.listrow span.small .healthmed:not([title])

Ra:

Code: Alles auswählen

p.listrow span.small .healthok:not([title])

EDIT2: Tippfehler im Code ausgebessert

[Andi90]

Das bei den Lebenspunkten sieht immernoch gleich aus.

Und bei CK/RA: Veränder ich mir da nicht gleichzeitig die LP-Anzeige?

EDIT:

du kannst aber einen pseudomouseover machen mit

Code: Alles auswählen

p.listrow span.small span[title*=""]:hover:before { content: ""; position: relative; top: 20px; }

Wie krieg ich da zB die LP Zahl bei der Erhöhung rein?

EDIT2: Ich seh grad, die Frage erübrigt sich, da in den Mouseover sowieso die LP-Anzahl neben der Zeit steht.
Bleibt noch die Frage, wie ich die Icons da rein bringe bzw. den Text weg.

[bwoebi]

Das bei den Lebenspunkten sieht immernoch gleich aus.

Und bei CK/RA: Veränder ich mir da nicht gleichzeitig die LP-Anzeige?
Bleibt noch die Frage, wie ich die Icons da rein bringe bzw. den Text weg.

Zu Ck/Ra, nein da ich da einen :not([title]) habe, Lp z.B. haben aber einen title
Und zum Text, da stimmt etwas doch nicht mitm Selektor?!?! Ich weiß auch nicht…

[Andi90]

Sry aber ich hab wie gesagt absolut keine Erfahrung auf dem Gebiet. Ich hab deshalb im Moment auch keinen Überblick mehr und hab das Gefühl, ich würde das angerichtete Chaos nur noch Verschlimmbessern

Wenn mir wer eine fertige Lösung vorlegen kann, die funktioniert und die ich so übernehmen kann, erhält er von mir in w1, 4, 5 oder 9 10.000gm Bar auf die Hand.

Gesucht ist:
-Statusanzeigen (LP-Push, Schutz, KU, ... | vollständige Liste) durch Icons (15x15px) ersetzen (wenn mögl. inkl. Rückangriff und Clankrieg)
-Die Schrift soll dabei nicht angezeigt werden
-Bild-URLs setze ich dann selbst ein, wenn ich die Bilder dazu gemacht hab
-Am Mouseover muss nichts verändert werden, bzw. der Mouseover soll beim Hovern über Bild natürlich erscheinen

So sollte das aussehen:

(LP-Push, Stärke-Push und Schutz)

Zum Rumtesten, hier 3 Bilder:

Bin für jede weitere Hilfe dankbar.

[Jack the Ripper]

span[title*="Lebenspunkte"] {font-size: 0px;}
span[title*="Lebenspunkte"]:after { content:url(http://s7.directupload.net/images/100723/aat9mslx.gif);}

Jeweils für alle anderen Status übernehmen

Beim Rückangriff hab ich mit Po1son zusammen folgende Lösung gefunden:
.healthmed { font-size:0px;}
.healthmed b {font-size: 12px;}
Dabei ist zwar kein Bild eingesetzt, aber es bleibt nur der Name, des Rückanzugreifenden stehen


Beim Clankrieg hab ich das ganze noch nicht testen können, aber atm siehts so aus:
p.listrow span.small span.healthmed { font-size:0px;}
p.listrow span.small span.healthmed:after {content:url(Clankrieg.gif) ;font-size:12px;}

[Andi90]

Die Schrift wird nach wie vor angezeigt. Ausserdem wird beim Stärkepush (span[title*="Stärke"]...) gar kein Bild angezeigt.

[Jack the Ripper]

Hm, das versteh ich grade garnicht. dürft ich mal den ganzen Code sehen?

[bwoebi]

span[title*="Lebenspunkte"] {font-size: 0px;}
span[title*="Lebenspunkte"]:after { content:url(http://s7.directupload.net/images/100723/aat9mslx.gif);}

Jeweils für alle anderen Status übernehmen

Beim Rückangriff hab ich mit Po1son zusammen folgende Lösung gefunden:
.healthmed { font-size:0px;}
.healthmed b {font-size: 12px;}
Dabei ist zwar kein Bild eingesetzt, aber es bleibt nur der Name, des Rückanzugreifenden stehen

a) er will bestimmt negative Lp und positive unterscheiden können
b) nein, .healthmed ist CK oder LP; .healthok ist RA … nehm da mal meine Alternative, andi

[bwoebi]

Den Code würde ich auch gerne haben - andi, da scheinst du etwas verbockt zu haben^^

EDIT:Arg, Doppelpost -.- (fmods, verzeiht mir^^)

[Jack the Ripper]

a)
span[title*="Lebenspunkte -"] {font-size: 0px;}
span[title*="Lebenspunkte -"]:after { content:url(minus.gif);}


span[title*="Lebenspunkte +"] {font-size: 0px;}
span[title*="Lebenspunkte +"]:after { content:url(plus.gif);}

Sollte sich super unterscheiden lassen
Grad getestet, Unterscheidet sich wunderbar =)

b) Hab ich wirklich das falsche kopiert

p.listrow span.small span.healthok { font-size:0px;}
p.listrow span.small span.healthok b {font-size: 12px;}

natürlich <.<

[bwoebi]

ja zu a und b, genau das habe ich gemeint, nur andi scheint etwas verbockt zu haben und, ich hassen diese font-size: 0px… Nicht alle browser interpretieren das als unsichtbar, ich würde eher das alltaugliche display:none; nehmen also:
span[title*="Lebenspunkte -"] { display:none; }
span[title*="Lebenspunkte -"]:after { display:inline; }
und
span[title*="Lebenspunkte +"] { display:none; }
span[title*="Lebenspunkte +"]:after { display:inline; }

EDIT: Denkfehler -.-

[Jack the Ripper]

Bist du des Wahnsinns? =D
Du hast recht, man sieht es nicht^^ Dafür sind die Abstände zwischen den Bildern gewaltig.
E: Ah, war noch bei transparent^^
E2:Das klappt auch nicht. Jetzt sind Worte und Bild schön rechtsbündig übereinandergestapelt
E3: Entscheid dich doch mal für eins =D

[bwoebi]

Ja und dann noch einen Edit, hatten einen riesigen Denkfehler - schneller als ich deines las…