Lexi Help
Partner
free forum

Mouseover bzw hover der navigationsleiste

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mouseover bzw hover der navigationsleiste

Beitrag von Gast am Do 10 Dez 2009 - 12:58

Hallo^^
Sodele, die Forensuche hat ein nicht mehr vorhandenes Posting ergeben. Sad
http://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 http://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'

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von terra-outlaw am 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.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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^^


Zuletzt von WingZero616 am Mi 30 Dez 2009 - 13:09 bearbeitet, insgesamt 1 mal bearbeitet

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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">
<!--
button1= new Image();
button1.src = "bilder/knopf.jpg"
button2= new Image();
button2.src = "bilder/email.jpg"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</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:

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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.

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von #Frank am 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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am 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

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast am Mi 30 Dez 2009 - 20:08

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

vielen dank!! Smile)))))))

Gast
Gast


Nach oben Nach unten

Re: Mouseover bzw hover der navigationsleiste

Beitrag von #Frank am Mi 30 Dez 2009 - 20:17

Na bitte wenigstens etwas

-- done --



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34497
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten