Teammitglieder online
Support-Box
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
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )


» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )


» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )


» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )


» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )


Mouseover bzw hover der navigationsleiste

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mouseover bzw hover der navigationsleiste Empty Mouseover bzw hover der navigationsleiste

Beitrag 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'
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

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

Männlich Beiträge : 1340
Anmeldedatum : 07.08.09
keine
PunBB

Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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^^


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


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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">
<!--
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:
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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.
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

Beitrag von Gast Mi 30 Dez 2009 - 20:08

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

vielen dank!! Smile)))))))
Anonymous
Gast
Gast


Nach oben Nach unten

Mouseover bzw hover der navigationsleiste Empty Re: Mouseover bzw hover der navigationsleiste

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

Na bitte wenigstens etwas

-- done --
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten