Text faarbe Ändern(Maus)
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aussehen
bereich
diverses anzeige
dom
drift
effekt
elemente
erg
farbe
grund
mist
nochmal
normale farben
opus
quelltext
schriftart
sicheren farben
tag
unterscheiden
zielscheibe
-
hi, wie bekomme ich es hin, das(wie in den FAQ)
die Texttag/farbe">farbe ?ndert, wenn cih mit der Maus dr?ber fahre, mit Links w?sste ich, wie das geht aber so?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
vieleicht mit css?
hover{color:blue;} ? http://www.css4you.de findest du evt. was du suchst! -
Das musst du ihm vielleicht noch besser erkl?ren:
In der CSS-datei:
h1:hover
{
color: #ff0000;
}
Im File:
<h1>dsfajlsjfda</h1>
eigentlich ganz einfach, sonst kannst ja im Quelltext guggen!
MfG sebigisler -
Aaaalso,
an den frischen Prinz: Also ich halte es ja schon mal f?r mist mit "blue" zu arbeiten
@sebigisler: Hover? Bei ?berschriften? Ich denke hier geht es eher um Links
also das ganz machste mit CSS, das ist ne Erg?nzung zu HTML
Ein Link bei CSS ist a, ein Hoverlink (so hei?t ein, sich bei der Mausbewegung ?ndernder, Link) ist a:hover
Man kann auch a:link und a:link:hover schreiben, was jetzt valide ist wei? ich nicht genau
Also nun machste in den beiden bereichen die Angaben:
a {
color: Farbe des normalen Links;
font-size: Schriftgr??e;
font-family: Schriftart;
}
a:hover {
color: andere Farbe die dann erscheint;
font-size: am besten die selbe schriftgr??e;
font-family: Am besten die selbe schriftart;
}
So kann das dann aussehen :) -
Hallo
Hover? Bei ?berschriften? Ich denke hier geht es eher um Links
Worum es geht, ist doch irrelevant, die Pseudoklassen funktionieren (in guten Browsern) bei allen HTML-Elementen.
Ein Link bei CSS ist a
In CSS gibt es _keine_ Links (oder andere HTML-Tags).
a {
color: Farbe des normalen Links;
font-size: Schriftgr??e;
font-family: Schriftart;
}
a:hover {
color: andere Farbe die dann erscheint;
font-size: am besten die selbe schriftgr??e;
font-family: Am besten die selbe schriftart;
}
Wenn Du schon das Aussehen des a-Tags mittels CSS definierst, gibt es keinen Grund, das selbe bei der Pseudoklassen auch noch zu machen. Du schl?gst zweimal vor, das sowohl die Gr??e als auch die Schriftart gleich beliebn soll - dann lass sie bei :hover weg.
Im ?brigen gibt es noch die Pseudoklassen:
:link
:visited
:focus
:hover
:active
Wichtig ist idR auch, in welcher Reihenfolge sie aufgerufen werden! Weiter infos unter:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active -
Aaaalso,
an den frischen Prinz: Also ich halte es ja schon mal f?r mist mit "blue" zu arbeiten
ich hab nie gesagt, dass ich mit solchen Farben arbeite ^^ weder hab ich gesagt, dass es von Vorteil ist Aber damit es nochmals klar gestellt wurde:
Farben am besten immer in Hexal angeben! -
Und warum?
-
Und warum?
weil "blue" in jemdem Browser anders aussehen kann.
#0000ff ist jedoch eindeutig.
Wenn du das jetzt mit blau testest, dann wirst du wahrscheinlich keine so gro?en Unterschiede finden, aber Mischfarben wie orange oder brown sind in der Regel verschieden. -
Gut, das klingt doch besser als diese:
freshprince schrieb:
damit es nochmals klar gestellt wurde:
Farben am besten immer in Hexal angeben!
Da existierte keine "Klarstellung" sondern es ist hier lediglich eine Behauptung.
Das mit den Mischfarben stimmt! Trotzdem sollte es bei RGB keinen Unterschied in: rot, gr?n und blau geben - denk mal dr?ber nach...)
-
Und warum?
weil "blue" in jemdem Browser anders aussehen kann.
#0000ff ist jedoch eindeutig.
Nein, ist es nicht. Es sieht auf jedem unterschiedlichen Monitor, mit jeder unterschiedlichen Grafikhardware und mit jedem unterschiedlichen Betriebssystem-Grafik-Treiber anders aus. Es gibt keine Web-sicheren Farben. Und "blue" ist eindeutiger als Blau erkennbar als "#0000FF". Nebenbei ist "blue" genau so eindeutig definiert wie "#0000FF":
http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm
Genauso sind die Namen der "Mischfarben" eindeutig definiert. Man muss sie halt nur kennen:
http://de.selfhtml.org/diverses/anzeige/farbnamen_netscape.htm -
Da sind wir uns ja einig, das blau immer noch blau ist ;)
Bei den Mischfarben gibt hingegen wirklich unterschiede. Vgl diese Seite mal in Firefox und Opera: http://www.1ngo.de/web/zielscheibe.html -
Und weil ich euch alle hier so sch?n mit css besch?ftig will ich das ganz auchmal als js methode zeigen...
einfach in das tag zum text onMouseOver="this.style.color='red';" schreiben und beim ?berfahren des textes ?ndert sich die farbe auf red. und wenn die farbe wieder zur?ckgehen soll musste fl?gendes machen onMouseOut="this.style.color='blub';" blub muss einfach die ursp?ngliche farbe sein... -
Und da behauptet man in der Wikipedia tats?chlich, dass es keine Thread-Drift g?be!
http://de.wikipedia.org/wiki/Thread-Drift
@diegeodaeten:
Da sind wir uns ja einig, das blau immer noch blau ist ;)
Bei den Mischfarben gibt hingegen wirklich unterschiede. Vgl diese Seite mal in Firefox und Opera: http://www.1ngo.de/web/zielscheibe.html
Nein, das siehst du nicht ganz richtig: Hier handelt es sich nicht um normale Farben, sondern um die Einf?rbung von in Pseudo-3D-Optik dargestellten R?ndern ("border-style: ridge/groove;").
Hier waren sich die Browser noch nie einig, wie die hellen Bereiche "aufgehellt" und die Schattenbereiche "abgedunkelt" werden m?ssen. Das hat aber mit der grunds?tzlichen Farbdarstellung nix zu due. Kannst du dir selber anschauen, indem du die 3D-Effekte aus dem Quelltext entfernst, und die Border-Bereiche normal mit "color" einf?rbst.
@theuntouchables:
Die Kr?nung dieser Technik ist das Ver?ndern von Farben (und anderen Sachen) anderer Elemente, wenn die Maus "dar?berstreift". Allerdings muss man daf?r die Namen der Elemente und ihrer Position im DOM kennen. Aber damit kann man wunderbare Sachen machen!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
