Drop down menue
Moin Birdy,
...kurze, schnelle Antwort: nein! Jedenfalls nicht mit Jimdo-Bordmitteln.
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Schick!
Hier gibt es auch noch einige Lösungen - aber alle etwas komplizierter einzubinden. Nix für "...ohne html und CSS":
http://www.cssscript.com/create-a-multi-...-with-pure-css/
Etwas leichter hingegen ist so etwas zu realisieren: http://jetzt-buchen.jimdo.com/ausstattung/#cc-m-10426278491
(...runterscrollen bis "Ausstattung" oder das "?" am Ende der URL löschen!)
Das nennt sich Akkordeon-Navigation - ermöglicht das Auf- und Einklappen von Bereichen auf der Seite.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...klar, das geht!
schau mal hier: http://multilevel-dropdown.jimdo.com/ - da habe ich es einmal realisiert.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Im Head-Bereich Deiner Jimdo-Seite setzt du folgenden Code ein:
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
78
79
80
81
<style type="text/css">
/*<![CDATA[*/
#test ul {
list-style: none;
padding: 0;
margin: 0;
background: #1bc2a2;
}
#test ul li {
display: block;
position: relative;
float: left;
background: #1bc2a2;
}
/* This hides the dropdowns */
#test li ul {
display: none;
}
#test ul li a {
display: block;
padding: 1em;
text-decoration: none;
white-space: nowrap;
color: #fff;
}
#test ul li a:hover {
background: #2c3e50;
}
/* Display the dropdown */
#test li:hover > ul {
display: block;
position: absolute;
}
/* Remove float from dropdown lists */
#test li:hover li {
float: none;
}
#test li:hover a {
background: #1bc2a2;
}
#test li:hover li a:hover {
background: #2c3e50;
}
#test .main-navigation li ul li {
border-top: 0;
}
/* Displays second level dropdowns to the right of the first level dropdown */
#test ul ul ul {
left: 100%;
top: 0;
}
/* Simple clearfix */
#test ul:before,
#test ul:after {
content: " "; /* 1 */
display: table; /* 2 */
}
#test ul:after {
clear: both;
}
/*]]>*/
</style>
...und auf der Seite, auf der Du die Navigation haben möchtest, setzt Du folgenden Code in ein html-Widget Element ein:
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
78
79
80
81
<div id="test">
<ul class="main-navigation">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Front End Design</a>
<ul>
<li>
<a href="#">HTML</a>
</li>
<li>
<a href="#">CSS</a>
<ul>
<li>
<a href="#">Resets</a>
</li>
<li>
<a href="#">Grids</a>
</li>
<li>
<a href="#">Frameworks</a>
</li>
</ul>
</li>
<li>
<a href="#">JavaScript</a>
<ul>
<li>
<a href="#">Ajax</a>
</li>
<li>
<a href="#">jQuery</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">WordPress Development</a>
<ul>
<li>
<a href="#">Themes</a>
</li>
<li>
<a href="#">Plugins</a>
</li>
<li>
<a href="#">Custom Post Types</a>
<ul>
<li>
<a href="#">Portfolios</a>
</li>
<li>
<a href="#">Testimonials</a>
</li>
</ul>
</li>
<li>
<a href="#">Options</a>
</li>
</ul>
</li>
<li>
<a href="#">About Us</a>
</li>
</ul>
</div>
...das html bzw. die Links müsstest Du natürlich noch anpassen.
LG, az
Quellen:
http://codepen.io/twodogstar/pen/FwedC
http://www.cssscript.com/create-a-multi-...-with-pure-css/
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
