dauerhafter hover effekt?

Ich habe da schon lange nach gesucht aber ich weiß blöderweiße nicht was das genau ist... also ich nehme an das das auch eine Art hover effekt ist... und wie man normal textschatten usw. macht weiß ich auch selbst aber was ich nicht weiß ist wie man das hier macht

http://the-last-fight.forumieren.com/

Da sind die Namen der Mitglieder eingefärbt auch ohne das man drüber fährt also diese bunte schattige umrandung...

LG && ich kenne das Schild:

Hast du diese Textschatten schon bei dir im Forum?

Ja wen man normal drüber geht schon http://disturbing-behavior.forumieren.net/ bsp. bei mirabelle ...

Ich sehe es und du hast hier:
https://hilfe.forumieren.com/t28438-mouseover-link-schatten#179653
schon einmal eine ausführliche Erklärung bekommen.
Das solltest du auch so umsetzen können, das du das auch ohne den Hover Effekt hin bekommen solltest.
In dem von dir genannten Forum ist es genau so gemacht, wie wir es schon mal besprochen hatten.
Es geht um diese CSS Einträge:
a.gensmall[href="/u1"]:hover, [href="/u1"]:hover
Dort lässt du einfach das :hover weg.
Das ist in dem von dir genannten Forum auch so gemacht:

okay mit victoria klappt das so halb ich probier das mal ein bisschen mal sehen obs geht

Mach es mal bitte so:

Code:

[href="/u9"], [href="/u6"] {
  text-shadow: 8px 0 15px #AD0794;
}

Das gilt dann für die User 9 und 6.
Du hast einige Einträge im CSS die teilweise auch doppelt sind.
Kannst du bitte mal alle deine Einträge hier posten, die für einen Benutzer eingetragen sind?
Es Handelt sich hier um den User 1, 2, 9 und dann noch mal um 1&3
Es sind 4 Einträge de du dort hast.
Und dann hast du noch diesen Eintrag dort:

Code:

a:hover, a.gensmall:hover {
color:#666666;
text-shadow: 3px 3px 7px #000000;
text-transform: lowercase;
text-decoration: none;
}

Und der schmeißt natürlich alles durcheinander.

Code:

a.gensmall[href="/u1"]:hover, [href="/u1"]:hover {
color:#D92727;
text-shadow: 8px 0px 15px #D92727;
text-transform: lowercase;
text-decoration: none;
}
[href="/u2"]:hover, [href="/u2"]:hover {
color:#D92727;
text-shadow: 8px 0px 15px #D92727;
text-transform: lowercase;
text-decoration: none;
}
a:hover, a.gensmall:hover {
color:#666666;
text-shadow: 3px 3px 7px #000000;
text-transform: lowercase;
text-decoration: none;
}
a.gensmall[href="/u9"], [href="/u9"] {
color:#520046;
text-shadow: 8px 0px 15px #ad0794;
text-transform: lowercase;
text-decoration: none;

}
a.gensmall[href="/u1"]:hover, [href="/u3"]:hover {
color:#D92727;
text-shadow: 8px 0px 15px #D92727;
text-transform: lowercase;
text-decoration: none;
}


Hier der Auschnitt den rest probier ich dann mal

Schau mal, bei U2 und U2 hast du zweimal Hover stehen. Das bringt ja nichts. Das hintere Hover kannst du wegnehmen.
Dann sollte es schon mal gehen.

Code:

[href="/u1"]:hover, [href="/u1"] {
color:#D92727;
text-shadow: 5px 0px 5px #ad0a0a;
text-transform: none;
text-decoration: none;
}
[href="/u2"]:hover, [href="/u2"] {
color:#D92727;
text-shadow: 5px 0px 5px #ad0a0a;
text-transform: none;
text-decoration: none;
}
[href="/u3"]:hover, [href="/u3"] {
color:#D92727;
text-shadow: 5px 0px 5px #ad0a0a;
text-transform: none;
text-decoration: none;
}

a.gensmall[href="/u9"], [href="/u9"] {
color:#520046;
text-shadow: 8px 0px 10px #ad0794;
text-transform: lowercase;
text-decoration: none;

}
a.gensmall[href="/u1"]:hover, [href="/u3"]:hover {
color:#D92727;
text-shadow: 7px 0px 7px #7d0606;
text-transform: lowercase;
text-decoration: none;
}

a:hover, a.gensmall:hover {
color:#666666;
text-shadow: 3px 3px 7px #000000;
text-transform: lowercase;
text-decoration: none;
}


So siehts derzeit aus.. ist jetzt nicht ganz das was ich möchte aber ich hab da leider grade keine Zeit das genauer anzusehen werde mich dann morgen nochmal da ran setzen und überlegen - wen das okay ist

So wie es für mich auf den ersten Blick aussieht, hast du immer noch zu viel drin, aber ich weiß jetzt gerade nicht, was du alles mit einem Schatten versehen willst.
Geht es dir nur um die Usernamen oder hast du noch andere Sachen, die eine Schatten erhalten sollen?

Ja also im prinzip genauso wie in dem oben genannten Link:

http://the-last-fight.forumieren.com/

Nur die Benutzernamen ... und geht das auch mit bestimmten Usergruppen? Weil ich hab das bisher ja nur so für einzelnde Nutzer gemacht...

von den effekten her möchte ich gerne das die links uppercase bekommen aber gleichzeitig eine kleinere schriftgröße wen man drüber fährt. Ansonsten eben nach Vorlage also so wie sie eingegeben worden sind und mit diesem schatten ausenrum... ist irgendwie schwer zu erklären...

EDIT:

Ich hab noch was verändert:

Es steht jetzt erst mal nur das hier drin:

Code:


a:hover, a.gensmall:hover {
color:#666666;
font-size:0.9em;
text-shadow: 0px 0px 12px #000000;
text-transform: uppercase;
text-decoration: none;
}



Es geht nur mit den Usern über ihre Usernummer.
Was passiert mit einem Usernamen, wenn du das mal so einsetzt?

Code:

[href="/u1"]:hover {
color:#D92727;
text-shadow: 8px 0px 15px #D92727;
text-transform: lowercase;
text-decoration: none;
}

Also ich sehe nicht das sich was verändert aber die verkleinerung hab ich bereits hinbekommen ... hab ich oben noch editiert gehabt...

Also ich sehe nun den Schatten beim Hovern nicht.
Es sieht auch nicht danach aus, das du es eingesetzt hast. Aber du musst mal ein wenig damit experimentieren.
Das Problem ist, das du schon so viele Hover Effekte eingesetzt hast, das es schwer werden kann, die richtige Stelle zu finden.

Mirabelle schrieb:
EDIT:

Ich hab noch was verändert:

Es steht jetzt erst mal nur das hier drin:

Code:


a:hover, a.gensmall:hover {
color:#666666;
font-size:0.9em;
text-shadow: 0px 0px 12px #000000;
text-transform: uppercase;
text-decoration: none;
}



Ich hab das leuchten eben rausgenommen gehabt

Und ich weiß eben nur jetzt nicht wie ich den effekt in dem angegebenen Forum hinbekomme aber ich schau mal vielleicht find ich irgendwann ja noch mal was...l