Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [JS] Mouseover Klappmenü (https://www.gegen-bilderklau.net/thread.php?threadid=34864)


Geschrieben von blue orange am 12.10.2005 um 21:18:

  Mouseover Klappmenü

Ich hab eine Frage.
Und zwar würde ich gerne ein Klappmenü machen, das aufgeht wenn ich mit der Maus über einen ImageMap-Link fahre.

Bsp: www.zefa.de
Genau so nur das es eben kommt wenn man drüberfährt (draufklicken ist auch okay, wenn ihr nur wisst wie das geht)

Danke,
Sarah



Geschrieben von GrAfFiTtY am 23.10.2005 um 11:54:

 

Das würd mich auch mal interessieren...
Weiß das niemand? Augenzwinkern



Geschrieben von Stelo am 23.10.2005 um 12:05:

 

ich hab hier so ne zeitschrift wo so was drin steht .... wenn ich die gefunden hab schreib ichs euch mal ...



Geschrieben von Heeschen am 23.10.2005 um 12:29:

 

Guckst du hier: http://de.selfhtml.org/css/layouts/navigationsleisten.htm

Runtercrollen bis "Dynamische CSS-Navigation für moderne Browser".
Wichtig: Das erste Anzeigebeispiel funktioniert so nicht im Internet Explorer. Dafür steht etwas weiter unten noch eine JS-Funktion.



Geschrieben von GrAfFiTtY am 23.10.2005 um 14:09:

 

Ich mein eigentlich, dass da so ein 'Blatt' XD mit anderen Links aus'klappt' Augenzwinkern
Das ist da nicht, oder bin ich jetzt ganz dumm? ^^



Geschrieben von Heeschen am 23.10.2005 um 21:06:

 

Ich hab ja dazugeschrieben, welches Anzeigebeispiel du dir anschauen musst Augenzwinkern Ist, wie bei selfHTML auch steht, nur für neuere Browserversionen.
Wenn du IE benutzt funktioniert, wie ich auch schon erwähnt hatte (^^"), nur das Anzeigebeispiel, in dem die JS-Funktion eingebaut ist (JavaScript muss logischerweise auch aktiviert sein).

Hier der Link:
http://de.selfhtml.org/css/layouts/anzeige/nav_javascript.htm

Den Code muss man halt entsprechend verändern.

Oder was meinst du mit 'Blatt'? ^^



Geschrieben von GrAfFiTtY am 24.10.2005 um 18:55:

 

Ach bin ich dumm XD Sry Augenzwinkern Danke smile


[EDIT] Wo muss ich das dann denn einfügen? Überseh ich schon wieder irgendwo was?



Geschrieben von Heeschen am 24.10.2005 um 19:57:

 

Du musst dir die Seite einfach anschauen Augenzwinkern Steht alles drin, was du wissen musst.



Geschrieben von Freyaknuffl am 08.11.2005 um 21:32:

 

Hab mir mal den code rausgepickt. kann mir wer erklären was ich jetzt wie ändern soll?
siehe das dickgedruckte (code is unten der selbe auf 'zurück' klicken): ---> http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
body, p a {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffe0;
  }

  div#Rahmen {
    width: 47.1em;
    padding: 0.8em;
    border: 1px solid black;
    background-color: silver;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    border-color: blue;
  }



Geschrieben von blue orange am 17.12.2005 um 13:48:

 

genau, was muss ich jetzt ändern xD?



Geschrieben von Julia am 19.12.2005 um 14:51:

 

ich würds auch egrne machen, haba ber auch keine Ahnung, was ich ändern muss



Geschrieben von Freyaknuffl am 31.12.2005 um 11:12:

 

Kann mir jemand sagen wo genau ich den Code für "Dynamische CSS-Navigation für moderne Browser" einfügen muss?
Da steht nur: "Dieses Beispiel basiert ebenfalls auf der obigen geteilt dargestellten verschachtelten Liste."

Und dann steht weiter unten über dem nächsten Anzeigebeispiel "Die folgende, im <head>-Bereich des obigen Beispiels eingefügte JavaScript-Funktion ermöglicht die dynamische Anzeige der Unternavigation auch dem Internet Explorer 5 und 6."
Wo muss ich das einfügen? Füge ich den Code für IE zwischen <head> und </head> ein, passiert nix >_<

Meins sieht im Moment so aus, nur klappt da weder bei IE noch bei
Mozilla was auf. Deswegen wollt ichs jetzt wie oben erzählt, versuchen.
http://people.freenet.de/hundeclub_dream/klappmenue.html


Forensoftware: Burning Board, entwickelt von WoltLab GmbH