hover

[maxi_k]

hallo an alle,
ich hab eine frage. Ihr kennt alle hover? ich weis wie mane s bei texten verwendet aber an alle lokalisten community: meine, deine- unsere freunde! User wenn ihr eire maus über das Profil, Freunde, Postfach... Button bewegt verfärbt sich dieser in ein helleres grün. Kann mir jemand sagen wie man diesen Efekt erzeugen kann?

danke im vorraus

LG
Maxi

 

[dasch]

ich bin kein lokalist musst du uns schon ein screen posten...

 

[prm]

Das funktioniert am besten mit einer Link-Formatierung per CSS:
:hover: Mouseover-Effekt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[maxi_k]

ok hier ein screenshot ich hoffe man kanns erkennen

danke prm aber ich weis nich ob des jetzt beispielsweise in lokalisten eine hintergrundgrafik is also ein kleines viereck mit ner farbe und dan is die veränderte farbe ein anderes andersfarbiges bild...

und wenn ich das als "Fenster" mache ist das dan ein ID-Selektor?

 

[neuroleptika]

Das wird vermutlich einfach mit background-color gemacht sein.
Es sei denn es ist ein Farbverlauf. Kann ich auf deinem Bild nicht so genau erkennen.

Mit dem Entwicklerwerkzeug Firebug (Firefox ) kannst du dir das relevante css ganz einfach herraussuchen.
Ähnliches gib es auch für andere Browser.

 

[maxi_k]

es ist kein farbverlauf vorhanden nur eine einfarbige grüne fläche.

ja ok aber ich kan firebug nich installierten weder von der mozilla seite noch von chip oder sonst wo.
es kommt immer eine Fehlermeldung...


ich dachte schon an sowas aber es funzt nicht also die einzige farbe die sich verändert is die farbe der schrift:

<style type="text/css">
a:link{color:#000;}
a:visited{color:#ff0;}
a:hover{color:#f00;}
a:active{color:#f00;}
</style>


<a href="datei1.htm">
<div style="background-color:#efefef;
width:200px;height:100px;padding:20px;">
</div>
</a>

 

[xXxPeterPanxXx]

Ein Menü machdz fu mit <ul> und <li> diese bearbeitest du mit Css z.b so:
li:hover {
background-color:#0000ff;
}
und ohne Hovereffekt:
li {
background-color:#000000;
}

 

[neuroleptika]

<a href="datei1.htm">
<div style="background-color:#efefef;
width:200px;height:100px;padding:20px;">
</div>
</a>

div in a ist verkehrtes html.
Du brauchst background-color:#8FC500; für a:hover.

xXxPeterPanxXx,
li:hover funktioniert nicht im IE6.

 

[FoXMorayn]

homepage-code.de - post your sourcecode!

dieser code mach das was du möchtest nur in blau, müsstest die farben ändern.
wenn du die links nebeneinander setzten möchtest musst du bei a {} noch ein float:left; einfügen und dem element nach den links ein clear.

 

[maxi_k]

ok ich erklärs nochmal

stellt euch vor ich will eine website erstellen und die ist in drei teilen unterteilt.

Und ich suche eine lösung für eine "NAVIGATIONSLEISTE" die soll möglichst links untergebracht werden.

Diese soll aus mehreren einzelnen "VIERECKEN" bestehen

In diesen sollen Einzellne Worte stehen um sich zu Orientieren

Diese "VIERECKE" sollen nicht nur einen Text sondern auch eine "HINTERGRUNDFARBE" enthalten

Diese Hintergrundfarbe sollte sich, wenn ich mit meienr maus über das feld gehe, VERÄNDERN

Alles verstanden?


So jetzt nochmal die Fragen:
Welche art von "VIERECKEN" soll ich nehmen?
Wie soll ich das mit hover machen?
Wie verbinde ich Styleshett und das besagte "VIERECK"?


Die Vierecke KÖNNTE man beispielsweise mit
<div style="background-color:#efefef;width:200px;height:100px;
padding:20px;">...</div> erstellen

 

[_Thor_]

Eine Navigationsleiste ist ein Liste, also <ul>. Die Links stehen in des <li> und sind selber <a>'s. Also kommst du zu folgendem Ergebnis.

<ul>
  <li><a href="">Link</a></li>
</ul>

Per CSS kannst du den Links dann einen Rahmen geben und sie als Button darstellen, Hintergrundfarben definieren und was du sonst noch möchtest.

a {
  display: block;
  background-color: #345;
  border: 1px solid black;
}

 

[maxi_k]

ok
also sagen wir so Gott hat es verboten das eine Navigationsleiste aus vierecken bestehen darf bei dennen sich die hintergrundfarbe verändert.
sagen wir ein physikalisches gesetz... oder son scheis

äm ok dan aber das selbe anders
in Viereck in der mitte einer lehren seite.
Die maus bewegt sich über das feld --->>> hintergrundfarbe verändert sich

kanns mir trotzdem einer erklären?

 

[_Thor_]

Ich versteh zwar nur die Hälfte von dem, was du schreibst, aber bitte.

<p>Ganz viel Text</p>

p {background-color: #f00;} //Hintergrundfarbe rot
p:hover {background-color: #00f;} //Hintergrundfarbe blau bei hover

 

[neuroleptika]

kanns mir trotzdem einer erklären?

Wie alt bist du denn?

 

[maxi_k]

schaut euch mal diese seite an

Javascript Forum - Hilfe und Support

es geht nicht um den inhalt

in deisem großen schwarzen bereich sind oben rechts navigationsoptionen sag ich mal:

Startseite, JAvascript Blog, Forum, DSL Vergleiche, Webspace, FAQ, Shop

da verändert sich auch die hintergrundfarbe

is ejtzt klar was ich meine?

 

[_Thor_]

Ja, das schaffst du durch Kombination der von mir genannten Beispiele.

 

[maxi_k]

aber du weist jetzt wa sich meine oder?

 

[_Thor_]

Ja, ne ganz normale Navigation mit hover-Effekt.

 

[maxi_k]

krass ewnigstens einer

und ja ok ich will das alles in einre navigationsleiste haben und auf der seite Javascript Forum - Hilfe und Support

kannst du mir sagen aus was das besteht
also wie der bereich festgelegt wurde der sich verändert?

 

[neuroleptika]

Dort ist es ein Farbverlauf.

#user3 ul li a:hover {
background: transparent url(../images/orange/topmenu-bg.jpg) repeat-x;
...
}

Du müßtest dein Beispiel zeigen in dem es nicht funktioniert.