[phpBB2]Hovereffekt mit Textschatten
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
[phpBB2]Hovereffekt mit Textschatten
Als ich diesen Thread hier: http://hilfe.forumieren.com/t33945-mouse-over-bei-der-uberschrit-eines-themas#221952 las, wollte ich den Hovereffekt mit Textschatten auch in mein Forum einbauen. Mit der Hilfe von Firebug stellte ich diesen Code zusammen:
- Code:
a:hover {
color: #FF0000;
text-decoration: none !important;
text-shadow: 0 0 5px #000000 !important;
transition-duration: 1500ms;
POSITION: relative;
TOP: 1.0px; LEFT: 0px;
}
Zuletzt von Mariofan13 am Di 23 Okt 2012 - 20:44 bearbeitet; insgesamt 1-mal bearbeitet
Gast- Gast
Re: [phpBB2]Hovereffekt mit Textschatten
Hallo,
wie bist du denn auf "position", "top" und "left" gekommen?
Das ist in diesem Zusammenhang nicht nötig.
Der Schatteneffekt hängt damit zusammen, wie du die Pixelwerte vergeben hast.
Die einzelnen Pixelwerte stellen Längenangaben dar, in welche Richtung der Schatten verlaufen soll. In deinem Fall ist das eher über der Schrift, hier im Support eher nach unten-rechts, weshalb die Optik etwas anders aussieht. Hier mal als kleiner Tipp die Werte aus dem Hilfeforum:
http://css3generator.com/ (Auswahlliste: "Text Shadow")
Liebe Grüße
Günther
wie bist du denn auf "position", "top" und "left" gekommen?
Das ist in diesem Zusammenhang nicht nötig.
Der Schatteneffekt hängt damit zusammen, wie du die Pixelwerte vergeben hast.
Die einzelnen Pixelwerte stellen Längenangaben dar, in welche Richtung der Schatten verlaufen soll. In deinem Fall ist das eher über der Schrift, hier im Support eher nach unten-rechts, weshalb die Optik etwas anders aussieht. Hier mal als kleiner Tipp die Werte aus dem Hilfeforum:
- Code:
text-shadow: 0 5px 1px #FARBE
http://css3generator.com/ (Auswahlliste: "Text Shadow")
Liebe Grüße
Günther
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Re: [phpBB2]Hovereffekt mit Textschatten
Dankesehr
Das "POSITION" habe ich nicht wegen dem Schatten hinzugefügt Sondern, damit sich der Link oder der Button ein klein wenig nach unten bewegt, wenn man drüberfährt
-done-
Das "POSITION" habe ich nicht wegen dem Schatten hinzugefügt Sondern, damit sich der Link oder der Button ein klein wenig nach unten bewegt, wenn man drüberfährt
-done-
Gast- Gast
Re: [phpBB2]Hovereffekt mit Textschatten
Bitteschön.
Ich wollte nur sicherstellen, dass du die Position nicht wegen des Schatteneffektes hinzugefügt hättest. Ich dachte mir, dass du vielleicht der Meinung warst, du könntest damit die Platzierung des Schattens bestimmen.
Wie gesagt ist ein Generator am einfachsten für dich: http://css3generator.com/
Wenn du die Werte aber manuell anpassen willst, dann entspricht der 1. Wert der x-Achse, der 2. der y-Achse und der 3. der "Verschwommenheit" des Schattens, alle Werte natürlich in der Einheit Pixel.
Da du in deinem Code zweimal 0px und einmal 5px angegeben hattest, wurde der Schatten nicht versetzt angezeigt, sondern direkt auf der Schrift.
-done-
Ich wollte nur sicherstellen, dass du die Position nicht wegen des Schatteneffektes hinzugefügt hättest. Ich dachte mir, dass du vielleicht der Meinung warst, du könntest damit die Platzierung des Schattens bestimmen.
Wie gesagt ist ein Generator am einfachsten für dich: http://css3generator.com/
Wenn du die Werte aber manuell anpassen willst, dann entspricht der 1. Wert der x-Achse, der 2. der y-Achse und der 3. der "Verschwommenheit" des Schattens, alle Werte natürlich in der Einheit Pixel.
Da du in deinem Code zweimal 0px und einmal 5px angegeben hattest, wurde der Schatten nicht versetzt angezeigt, sondern direkt auf der Schrift.
-done-
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Textschatten CSS
» [bb3]Problem mit Hovereffekt in der Navigationsleiste
» PBB 2 Buttons Hovereffekt
» underline bei hovereffekt (siehe beispiel)
» [bb3]Problem mit Hovereffekt in der Navigationsleiste
» PBB 2 Buttons Hovereffekt
» underline bei hovereffekt (siehe beispiel)
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|