Mouseover bzw hover der navigationsleiste

von Gast Do 10 Dez 2009 - 12:58

Hallo^^
Sodele, die Forensuche hat ein nicht mehr vorhandenes Posting ergeben. Sad

https://hilfe.forumieren.com/papierkorb-nichtssagende-uberschriften-f42/bb2-navigationsleiste-mit-hover-bzw-mouseover-funktion-der-buttons-t10061.htm#56526

GENAU DAS, hatte ich ansich gesucht, aber es ist nicht mehr verfügbar.

Ich möchte gerne, dass wenn man mit der Maus über einen Navigationsbutton fährt dieser sich verändert. (Geplant war, dass ich dafür den Button grün aufleuchten lasse, also animiere)

Leider weiss ich nun nicht genau "wo" ich das im Template (oder woander?) einstellen muss und "wie".
Muss halt wissen wo ich diesen Effekt einstell und wie ich angeb "wenn der mauszeiger über buton 1 ist wird grafik 2 angezeigt und wenn er wieder weg ist wird wieder grafik 1 angezeigt". sozusagen...^^

Hat jemand dazu eine Idee bzw.eine ziemlich genaue beschreibung? Smile

Wäre echt klasse!
Danke im Vorraus! anbet

Hatte https://hilfe.forumieren.com/das-aussehen-eines-forums-anpassen-f16/hoverbutton-in-der-navi-t10604.htm?highlight=navi+hovern gefunden,aber da gings glaub um bissl was anderes?? O_o'

von terra-outlaw Do 10 Dez 2009 - 13:05

Guten Tag.

Wenn du diesen Code in dein CSS einfügst gibt es den Hower Effekt.

a.mainmenu:hover{
text-decoration: underline;
color : #8C6C0F;
position: relative; top: 2.0px; left: 2.0px;
}

Bei diesen Werten:

top: 2.0px; left: 2.0px;

stellst du ein ob sich der Button beim drüberfahren nach oben / unten oder links / rechts verschiebt.
Setz du ein

-

vor die Zahl, ändert sich die Richtung.

Liebe Grüße, Lukas.

von #Frank Do 10 Dez 2009 - 13:21

Terra,

das ist nicht das was WingZero616 gemeint hat.
Aber im Moment kann ich dazu auch nicht was sagen, weil die Beschreibung auf das sich das bezieht sehr umfangreich war und diese Leider nicht mehr zur Verfügung steht.
Eventuell können wir das aber noch mal ausgraben.

von Gast Do 10 Dez 2009 - 13:53

Hey^^ Danke, das ist schonmal ein Anfang^^
Also mit dem Befehl lässt sich die Farbe "hovern"? =)

Also ich habe ja nur Buttons in der Navigationsleiste (übrigens phpbb2 forum), das heisst die farbe bringt glaube ich nichts oder?

Ich wollte ja wenn man drüber fährt, dass dann eine andere animierte grafikbuttonanzeige erscheint.
(leuchtet grün auf wird wieder normal, leuchtet grün, usw^^)
ist sicherlich schwer so wie ich das bis jetzt rauslese.^^

beste grüße. Smile

Wing

von Gast Mi 30 Dez 2009 - 12:01

Also ich suche übrigens immernoch nach der Antwort dazu^^
Mit Templates und CSS kenn ich mich schon ziemlich gut aus. Wink

Also wenn einer ne Idee hat, schreiben, ansonsten schreib ichs wenn ichs weiß... xD

frohes neues übrigens schonmal

von Gast Mi 30 Dez 2009 - 12:59

ok hab die lösung, baue die codes jetzt in meine seite und danach kriegt er ne beschreibung^^

jedenfalls versuch ichs einzubauen, funzen tuts...^^

edit: njoa, an die befehle für die navibuttons kommt man garnicht ran. xD
aaah muss ich jetzt selbst erstellen,wa? xD soo umständlich^^

von #Frank Mi 30 Dez 2009 - 13:06

Ich habe noch mal nachgefragt, ob jemand die Beschreibung noch hat.
Du kannst auf keinen Fall ein Menü benutzen, das du dir mit einem Menügenerator erstellt hast, weil das mit dem Log in und log Out so nicht funktioniert.
Auch die Einstellungen der Menüpunkte die für verschiedenen Gruppen gelten werden so nicht umzusetzen sein.
Also mit Vorsicht vorgehen.

von Gast Mi 30 Dez 2009 - 13:14

also doch schwieriger als ich dachte??
hmmmz^^
also hab mir den code hier genommen, das funktioniert im test wunderbar, das muss nur noch in die navileiste

Code:: <html> <head> <script language="JavaScript">  </script> </head> <body> <a href="mailto:deine.mail@gmx.de" onmouseover="austausch1.src='bilder/email.jpg';" onmouseout="austausch1.src='bilder/knopf.jpg';"> <img src="bilder/knopf.jpg" border="0" width="71"height="60" name="austausch1"></a> </body> </html>

quelle:

Spoiler:

von Gast Mi 30 Dez 2009 - 13:15

also doch schwieriger als ich dachte??
hmmmz^^
also hab mir den code hier genommen, das funktioniert im test wunderbar, das muss nur noch in die navileiste
edit: lol,ich wollt ja die codes usw reinschreiben, aber das wird ja vom system nich erlaubt.^^ tja, egal.
ich probier weiter.
andere kriegen das doch auch hin...

edit2: ok ich glaub es geht bei forumieren absolut nicht. man darf ja nicht an die buttoncodes, da wird ja "GENERATED_NAV_BAR" usw usw eingesetzt. =P schade. Sad

selbst ein menü hinfummeln is zu doof.
naja thema kann geclosed werden.

von #Frank Mi 30 Dez 2009 - 14:56

Ich habe noch eine einfache Lösung für dich die keinen sehr großen eingriff erfordert.
Du kannst dir mal meine Menüleiste unter:
http://frank.forumieren.de/forum.htm ansehen.
Dort wird der Button halb Transparent, wenn du darüber gehst.
Währe das nicht was für dich?
Eine andere Lösung ist hier noch zum nachlesen:
http://standards.webmasterpro.de/index-article-Grafischer%20Hover%20Effekt%20ohne%20Nachladen.html

von Gast Mi 30 Dez 2009 - 16:55

mmh zweiteres eher nicht.

aber das mit dem halb durchsichtig wäre noch ne akzeptable lösung. =)
hatte das hier auch schon vorhin von zuckerpuppe gelesen irgendwie...
aber weiß grad nicht mehr wo.

wenn du eine schnelleerklärung/ code weisst, dann wärich sehr dankbar dafür^^ oder halt einen verweis aufs topic, ansonsten such ich später =D

von #Frank Mi 30 Dez 2009 - 19:26

Für alle die es interessiert.
Diesen Effekt kann man mit ein paar Einträgen im CSS erzeugen.
Hier stelle ich mal den CSS Code für phpBB2 Foren ein:

Code:: /* Buttons der Menüleiste Hovern */ a.mainmenu:hover{ text-decoration: underline; position: relative; top: -2.0px; left: -2.0px; opacity:0.5; } /*----- ENDE ---*/

position gibt an in welche Richtung die Buttons beim drüberfahren verschoben werden sollen.Top für die Richtung nach oben in px und left in die Richtung nach Links. Positive Werte kehren die Richtung um.

opacity für die Transparenz in 10 schritten von 0.1 - 1.0.
Hier bei allen Angaben keine Komma Zahl angeben sondern den Punkt verwenden.

Dieser Code ist nur für phpBB2 Foren. Bei anderen Forenversionen muss die Class anders bezeichnet sein.

von Gast Mi 30 Dez 2009 - 20:08

jo, frank, das hat wunderbar geklappt. =)
sieht auch sehr gut aus!

vielen dank!! Smile

)))))))

von #Frank Mi 30 Dez 2009 - 20:17

Na bitte wenigstens etwas

-- done --

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Mouseover bzw hover der navigationsleiste

Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste

Re: Mouseover bzw hover der navigationsleiste