Silke: Button Menü

Guten Abend,

war gestern schon hier und hab tolle Antworten bekommen - vielleicht könnt Ihr mir nochmal helfen *fleh*

Wie gestern bin ich auch heute noch *blond* und brauche wiedermal Vorschläge - Hinweise die gaaaanz einfach erklärt sind *bitte*.

Habe Buttons als Menü (wie viele 1000 andere wohl auch) .... hätte gerne das diese Buttons sich beim drüber fahren mit der Mouse *kurzzeitig* verändern - farblich oder tiefenmäßig - irgend sowas in der Richtung.

Hier die HP wo ich zur Zeit ein wenig rumbastel:

http://people.freenet.de/schlaf_muetzchen/

mag mal jemand gucken gehen und mir vielleicht seine/ihre Idee mitteilen?

merci und schönen Abend noch

Silke :o)

  1. Schau mal hier: http://de.selfhtml.org/javascript/beispiele/buttons.htm

    lg, Stefan

    1. guten Abend,

      Schau mal hier: http://de.selfhtml.org/javascript/beispiele/buttons.htm

      Da gibts nix zu schauen. Ja, aber falls du [http://de.selfhtml.org/javascript/beispiele/buttons.htm] meinen solltest, hättest du ja recht.

      Grüße aus Berlin

      Christoph S.

      1. Hi Christoph,

        Schau mal hier: http://de.selfhtml.org/javascript/beispiele/buttons.htm

        Da gibts nix zu schauen. Ja, aber falls du [http://de.selfhtml.org/javascript/beispiele/buttons.htm] meinen solltest, hättest du ja recht.

        Peinlich, peinlich! Jemanden korrigieren wollen und selber das falsch machen ;-)

        http://de.selfhtml.org/javascript/beispiele/buttons.htm

        SCNR
        MfG, Dennis.

        --
        Mein SelfCode: ie:{ fl:{ br:^ va:) ls:< fo:) rl:( n4:& ss:) de:> js:( ch:{ sh:( mo:} zu:|
        Zufällige Hinweise:
        ------------------------
        Probleme mit Formularen?
        http://tutorial.riehle-web.com hilft weiter.
        1. öhm ...

          Peinlich, peinlich!

          Da bin ich ja jetzt völlig sprachlos, hat mich der Forumsgeist erwischt...

          Grüße aus Berlin

          Christoph S.

          1. *Schock*

            habe alles so gemacht wie es da steht (glaube ich)

            habe alles geändert und zugewiesen - habe zweites (andersfarbiges) gif gebastelt (für jeden Button nochmal ein *Brüderchen*) .... und eingesetzt.

            Aaaaaaber .... nun funktioniert es nur beim ersten Button :-O

            was mach ich denn falsch ???

            Seid Ihr noch da? .... könnt Ihr nochmal gucken was ich denn da evtl. falsch gemacht habe - BITTE

            Merci Silke *grübel*

            1. Hi,

              Du hast bei jedem Link Bildwechsel(0,Highlight1) stehen.
              0 steht hierbei für das erste Bild im Quelltext (das ausgetauscht werden soll) und
              Highlight1 für das Bild, welches Du im Script definiert hast, also Highlight1.src = "bh_s_1.gif"; /* erste Highlight-Grafik */
              Wieso wunderst Du Dich über das Ergebnis? ;-)

              Übrigens sehe ich wie einige andere auch, die Javascript deaktiviert haben, diesen Effekt gar nicht. Über CSS wäre das anders - und könnte auch mit wesentlich weniger Grafiken auskommen (z.B. http://www.1ngo.de/web/buttons.html).

              freundliche Grüße
              Ingo

              1. Oooooooooooooooohhhhhhhhh ............

                aaaaaahsoooooooo .... huch ... ja das stand da nich - oder ?

                Ach kann sein das ich es überlesen habe denn *ich war (wie auf Deiner Seite sehr schön beschrieben) mit dem erstellen der Button-Brüderchen beschäftigt .... *schmoll*

                aber wie ich jetzt lesen durfte - wär das gar nich nötig gewesen ... a) können es wohl einige nich sehen und b) hast Du ja ne ganz andere Lösung dafür .... hmmmm

                nun gut - die Nacht ist noch lang - ich hab ja Zeit *g* dann widdme ich mich jetzt der nächsten Aufgabe ;o) und gehe nicht über LOS und bekomme keine 4000 DM (Scherz ;o) *Monopoli*) sondern wander direkt auf Deine Seite um zu *lernen*

                vielen Dank Ingo (ich hoffe Du bist noch lange wach)

                Silke

                1. Hi,

                  vielen Dank Ingo (ich hoffe Du bist noch lange wach)

                  bitteschön. (Wieso? ;-)

                  freundliche Grüße
                  Ingo

                  1. Hi,

                    vielen Dank Ingo (ich hoffe Du bist noch lange wach)
                    bitteschön. (Wieso? ;-)

                    ..... nun - ganz einfach - weil ich schon wieder hier bin *g* ....

                    ach Ingo - hab jetzt 2 Buttons ... mit Text drin .... jetzt kommt das mit dem :

                    <body>
                      <div class="menue"><a href="mitte_1.htm">Seite 1</a></div>
                      <div class="menue"><a href="mitte_2.htm">Seite 2</a></div>
                    <body>

                    aber da passiert nich viel ausser das ich nun zusätzlich 2 halbe Buttons dadrunter habe die mir auch nen *halben* Hover-Effekt zeigen ... hmmm ...

                    ich sollte schlafen gehen - das alles zu hoch für mich - obwohl es ja verlockend klingt was ich bei Dir sehe - nützt aber nix wenn man zu *blond* ist es umzusetzen.

                    *lach* ... von dem :

                    div.menue a:hover { color:#FFF; text-decoration:none;
                            background: url(button_blanco_hell.gif) no-repeat; }

                    kann ich nur träumen ;o) bis dahin komm ich ja gar nich

                    trotzdem lieben Dank - ich geb auf :o(

                    Du kannst dann jetzt schlafen gehen ;o) *g*

                    Gruß aus Köln

                    Silke :o)

                    1. Hi,

                      aber da passiert nich viel ausser das ich nun zusätzlich 2 halbe Buttons dadrunter habe die mir auch nen *halben* Hover-Effekt zeigen ... hmmm ...

                      das hört sich so an, als wenn Du einfach nur eine zu geringe Höhe definiert hast und die Buttons, die ja nur im Hintergrund eingebunden sind, dadurch abgeschnitten werden. Du hast nicht zufällig "height:21px;" einfach übernomen? Das paßt für meine kleinen Beispielgrafiken, aber nicht für Deine...

                      freundliche Grüße
                      Ingo

                      1. Du hast nicht zufällig "height:21px;" einfach übernomen? Das paßt für meine kleinen Beispielgrafiken, aber nicht für Deine...

                        och - jetzt wo Du´s sagst  - hmmmm - hab´s nun auf *meine* 55 umgeändert ... jetzt hab ich 4 Buttons *g* ... auch nich schlecht - aber so soll es sicher nich sein ;o)

                        ich denke ich setz mich morgen nochmal in Ruhe dran ... und fang nochmal von vorne an mit dem lesen und basteln und grübeln usw....

                        dä - da wollte ich von blond auf brünett umsteigen - und was kommt raus ? ... nix !! hmmm

                        gugg mal in Deinem Forum ;o) hübsche Seite haste - da werd ich blass und muss mich zwingen nich ganz aufzugeben - sondern nur zu pausieren und mir (und Dir) etwas Schlaf gönnen *g*

                        Grüsse nach Düsseldorf aus Köln

                        Silke

                        1. Hi,

                          hab´s nun auf *meine* 55 umgeändert ... jetzt hab ich 4 Buttons *g* ... auch nich schlecht - aber so soll es sicher nich sein ;o)

                          nebeneinander? das sollte eigentlich nicht passieren, wenn Du auch bei width: die passende Angabe gemacht hast und zusätzlich natürlich no-repeat angegeben hast, damit sich die Grafik ncht unter ungünstigen Umständen wiederholt.

                          da werd ich blass und muss mich zwingen nich ganz aufzugeben

                          Du hättest mal meine erste Seite vor Jahren sehen sollen, noch mit dem Composer von Netscape 4 erstellt..;-)

                          freundliche Grüße
                          Ingo

                          1. Hi,

                            hab´s nun auf *meine* 55 umgeändert ... jetzt hab ich 4 Buttons *g* ... auch nich schlecht - aber so soll es sicher nich sein ;o)
                            nebeneinander?   <---- neeeeeeeeeeeeeee ... untereinander ... ich hab jetzt echt alles versucht  ... nu blick ich´s gar nimmer ...

                            Dachte mir ich kopier dir alles und du hast dann mal was zu lachen - aber ich lass das besser *g*

                            Hab dir ne email geschickt - aber du bist wohl nich daheim ... ich wollte ne Möwe bei deinen Bildchen klauen und sie bei mir mit nem Gedicht einbauen - ist das ok?

                            Würde auch gerne deinen link bei mir drauftun ... haste da ein bestimmtes Bildchen oder soll ich was basteln?

                            huhuuuu - meld dich mal ;o)

                            Silke

                            1. Hi,

                              Hab dir ne email geschickt - aber du bist wohl nich daheim ...

                              doch - ich rufe nur halt unregelmäßig meine emails ab;-)

                              ich wollte ne Möwe bei deinen Bildchen klauen und sie bei mir mit nem Gedicht einbauen - ist das ok?

                              kannst Du gerne machen; dem Hotelbesitzer war ich auch nicht sonderlich böse, obwohl er die Bilder _ungefragt_ auf seine Seite gestelt hatte. Nunja, dafür spare ich mir den Traffic und referenziere sie auf seiner Seite;-)

                              Würde auch gerne deinen link bei mir drauftun ... haste da ein bestimmtes Bildchen oder soll ich was basteln?

                              such Dir doch eines aus. Das "i" von der oben verlinkten Seite oder aus meinem Forum oder den Banner dort oder den kleineren Teaser bei Angebote.

                              freundliche Grüße
                              Ingo

                              1. Würde auch gerne deinen link bei mir drauftun ... haste da ein bestimmtes Bildchen oder soll ich was basteln?
                                such Dir doch eines aus. Das "i" von der oben verlinkten Seite oder aus meinem Forum oder den Banner dort oder den kleineren Teaser bei Angebote.

                                <-- suuuuper ... ich nehme mir dann die kleine hübsche Tafel mit Tips und Tricks - die fand ich gestern schon so klasse ... werde diese dann mit deinem Lind bestücken *g*

                                DANKE - hab mir sofort die Möwe geklaut - bau die jetzt ein - hab das passende Gedicht dazu ;o) so als Begrüssungsseite

                                Grüße Silke :o)

            2. Nabend'

              Warum verwendet Du denn überhaupt eine grafische Navigation?

              Mir persönlich ist das in vielen Fällen zu viel Aufwand, weil man nicht so schnell einen Link ändern oder hinzufügen kann. Außerdem lädt eine Text-Navigation schneller. Alternative: Blanko-Buttons als Hintergrundgrafik einbinden und Link-Text ganz normal per HTML drüber legen.

              Tipp:

              Weg mit...
              ... den Buttons
              ... den meisten GIF-Bildchen

              ;)

      2. Hi,

        Schau mal hier: http://de.selfhtml.org/javascript/beispiele/buttons.htm
        Da gibts nix zu schauen. Ja, aber falls du [http://de.selfhtml.org/javascript/beispiele/buttons.htm] meinen solltest, hättest du ja recht.

        Ja, die eckigen Klammern machen's aus! Voll der Unterschied! ;-)

        cu,
        Andreas

        --
        MudGuard? Siehe http://www.Mud-Guard.de/
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.