Allgeimeine Frage zur Programmierung und Overlays

[waynew8]

Ich habe mal etwas am Aussehen von fw gebastelt - mit einem Style. Bitte dieses Thema nicht verschieben, denn im Style Bereich krieg ich keine Antworten! Wenn ich eine Antwort habe, die etwas bringvon mir aus gerne Werde den Post dann von mir aus sogar selbst melden! DANKE!

Ok zum eigentlichen Problem...
Ich habe den Text "Rückangriff gegen ________" ersetzt durch ein Bild. Das blöde dabei ist allerdings, dass man wenn man mit der MAus drüber fährt "Rückangriff" angezeigt kriegt. Super! Damit kann man auch so viel anfangen...

Jetzt ist die Frage, wie ich es hinkriege, dass eben "Rückangriff gegen ________" angezeigt wird, wenn man drüberfährt. Also der ursprüngliche Text, welchen ich durch ein Bild ersetzt habe. Das ist so ziemlich das letzte Problem, das ich habe. Dann wäre mein Skin perfekt. Ein echter Sunfire++. Den kann ich dann auch gerne im Style-Bereich posten. Aber hier hätte ich nun echt noch gerne eine Antwort . Es würde mich sehr freuen, wenn ihr mir helfen könntet.

Ein kleiner Anhaltspunkt, mit dem ich jedoch selbst nichts anfangen kann:

Geht mit:

Code: Alles auswählen

p[title^="Zus"]:after { content: " (" attr(title) ")"; }

Wenn ihr das ganze testen wollt:
https://rapidshare.com/files/516138772/waYnes_Style.rar
Das ist allerding eine 100kXP+ optimierte Version. Ich werde das dann noch den jeweiligen XP-Stufen anpassen.

Schon mal einen herzlichen Dank, an alle die ein bisschen rumprobieren bzw. ihr wissen mit mir teilen. Und auch einen Dank an die Mods - Bitte lasst das Thema hier, bis es sich erledigt hat

[bwoebi]

wie wärs mit einem zum Bild relativ positionnierten :hover:after ?

[waynew8]

Ja das habe ich auch schon probiert. Allerdings was genau soll im hover angezeigt werden? nur "title*="Rückangriff"" funktioniert nicht.

span[title*="Rückangriff"] {font-size: 0px;}
span[title*="Rückangriff"]:after { content: url(rueck.gif);}

Ist ja der Code zum umstellen auf ein Bild.


EDIT: Liegt das vielleicht daran, dass man den title davor geändert hat? hmmm ich probier mal den hover davor festzulegen. Allerdings müsste, wenn das so wäre eigentlich das Bild im Overlay angezeigt werden...

[bwoebi]

Ach verstehe… wie wärs denn mit einem :hover für den Text und der :after enthält das Bild?

[Andi90]

span[title*="Rückangriff"] {font-size: 0px;}
span[title*="Rückangriff"]:after { content: url(rueck.gif);}

Versuchs mal mit

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

Ich hab bei meinem Style auch die Zustände durch Bilder ersetzt und da wurden Umlaute nicht geschluckt.

[bwoebi]

@Andi: es hilft manchmal den Charset der css per .htaccess zu ändern, dann gehts auch mit Umlauten

[Benu]

@Andi: es hilft manchmal den Charset der css per .htaccess zu ändern, dann gehts auch mit Umlauten

Nach dem Motto warum einfach wenns auch kompliziert geht?

Einfach folgendes in die css Datei schreiben:

Code: Alles auswählen

@charset "ISO-8859-1";

Zum Thema:
Du kannst den Inhalt von Tags nicht per css erfassen. Im title-Attribut steht nur "Rückangriff". Gegen wen der geht, kannst du nicht in den title packen. Allerdings könntest du mittels css einen title immitieren. Den Syntax kann ich dir dafür aber nicht liefern, weil ich mich dafür zu wenig mit css befasse.

[bwoebi]

@charset "ISO-8859-1";

funktionniert - leider - nicht immer (ich weiß nicht mehr wann, aber jedenfalls war es so)

@Benu: à propos "zum Thema": ist richtig; man muss den span so behandeln, dass er wie ein title aussieht, und eben nur einblenden wenn das ::after-Pseudoelement (Bild) gehovert wird

[waynew8]

Okay ich habs. Zwar ist es nicht im Overlay, aber immerhin erscheint der Text, wenn man mit der Maus drüber fährt dahinter

Die Lösung:
span[title*="ckangriff"] {font-size: 0px;}
span[title*="ckangriff"]:hover {font-size: 9px;}
span[title*="ckangriff"]:before { content: url(rueck.gif);}


Danke für eure Ratschläge.
Wenn mir noch einer sagen würde, wie das mit dem Overlay funzt wärs natürlich perfekt

[Andi90]

@Andi: es hilft manchmal den Charset der css per .htaccess zu ändern, dann gehts auch mit Umlauten

Das hättest du mir auch damals sagen können

EDIT: Da fällt mir grad ein, ich hab die Zustandsbilder für Überladen, RA und CK nie gemacht... Sollte ich mal nachholen, nachdem es ja jetzt extra Titles dafür gibt.

[waynew8]

Joa ich habe mal meine Pics vervollständigt

Beutezauber:
innere Heilkraft:
Push:
Rückangriff:
Bewegung:
Schutz:
Stärke-Push:
Tarnung:

Feueröl:
Clankrieg:

KU:
Vergiftung:
Verräter:
LP-Minus:
Überladen:
Stärke-Minus:


Dabei frägt sich noch, wie die Titel für:
- Stärkeabzug (Echse)
- LP-Abzug (Kurnotan)
- Überladen
sind.


Nur so der Vollständigkeit halber

[waynew8]

Dreimal so viele Items im Inventar wie vorhandene Speed-Punkte, aber mindestens 300 Items.
= Überladen

innere Heilkraft kriegst vom Heiltopf - 5LP/min

[waynew8]

Überladen ist ne Zaubertruhe - soll Items symbolisieren
innere Heilkrafe ist der topf in Plefir

[waynew8]

(Lebenspunkte -Zahl) << gibts nich nur beim magier,sondern auch staubskellette und flüche etc
(Stärke -Zahl)
(Überladen)

Danke für die Titel. Ich weiß, dass es da noch mehr gibt Bin auch schon ein paar Jährchen dabei

[waynew8]

Ah shit, auch wenn Lebenspunkte reduziert sind, wird das Zeichen vom Push dargestellt .. Kann man das iwie voneinander trennen ?

EDIT: Ah ja durch + und Minus