Dynamische 3-D Navigationsleisten / Menüleisten

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Dynamische 3-D Navigationsleisten / Menüleisten

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Dynamische 3-D Navigationsleisten / Menüleisten datum

10.12.2010 23:15 (zuletzt bearbeitet: 11.01.2024 14:14)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Dynamische Navigationsleiste mit Mouseover-Effekt für ältere Browser!
Aktualisiert: 10.01.24

Die folgende Navigation ist besonders für ältere Browser gedacht und funktioniert schon ab Internet Explorer 5 und Netscape 6!
Die Kategorie-Button und die darunter liegenden Themen sind verlinkt und können direkt aufgerufen werden!
Der Hauptmenü-Button und die Unternavigation können beliebig formatiert werden!
Die Breite der einzelnen Untermenüs kann durch den Wert in "onmouseover" der Zeile 149, 151, 153 und 155 angepasst werden.
Soll die Navigation erweitert werden, wird das durch die Erhöhung der Zahl von "linkset[.]" und "onmouseover" (Zeile 149, 151, 153 und 155) im Hauptmenü-Button erreicht.

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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Navigation</title>
</head>
<body>
 
<style type="text/css">
body {
background:url(https://addpics.com/files/6v-3y-3295.jpg);
background-size:cover;
background-color:#004b97;
}
 
#popitmenu{ position: absolute; left:29px; background-color: #000047; color: #eeeeee; font-weight: bold; padding:5px; border: 1px solid #eeeeee; font-size:16px; z-index: 100; visibility: hidden; margin:1px; }
#popitmenu a { text-decoration: none; padding-left: 5px; color: #B2C5DB; display: block; }
#popitmenu a:hover{ background-color: #000070; color: #eeeeee; }
 
.navold {background-color:#000047; color:#B2C5DB; font-weight:bold; padding:5px; border:1px solid #eeeeee;font-size:16px; margin-right:5px; text-decoration: none;}
.navold:hover {color:#eeeeee; background:#000070;}
</style>
 
<script type='text/javascript'>
 
var defaultMenuWidth="150px";
var linkset=new Array();
 
// Menüs und die zugehörigen Links - formatierbar.
//Übersicht
linkset[0]='Alles für Ihre Homepage';
linkset[0]+='<hr>';
linkset[0]+='<a href="https://www.hilfe-tricks-tipps.de/f31-Alles-fuer-Ihr-eigenes-Forum-oder-Ihrer-Webseite-Hilfe-Tricks-Tipps.html#mitte1" target="_blank">Tricks & Tipps</a>';
linkset[0]+='<a href="https://www.hilfe-tricks-tipps.de/f30-Alles-fuer-Ihr-eigenes-Forum-oder-Ihrer-Webseite-Fragen-Antworten.html#mitte1" target="_blank">Fragen & Antworten</a>';
linkset[0]+='<br>';
linkset[0]+='Bannertausch';
linkset[0]+='<hr>';
linkset[0]+='<a href="https://www.hilfe-tricks-tipps.de/t250f39-Bannertausch-Wie-wird-der-Quellcode-im-Forum-eingebaut.html" target="_blank">Funktion</a>';
linkset[0]+='<a href="https://www.hilfe-tricks-tipps.de/t203f40-Bannerrotation-Bannerrouting-Bannervorlagen.html" target="_blank">Scripte</a>';
 
//Bildergalerie
linkset[1]='Bilder hochladen';
linkset[1]+='<hr>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g3-Faszinationen.html" target="_blank">Faszinationen</a>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g4-Ausgefallenes.html" target="_blank">Ausgefallenes</a>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g6-Extravagant.html" target="_blank">Extravagant</a>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g5-Natur.html" target="_blank">Natur</a>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g2-Hintergrundbilder.html" target="_blank">Hintergrundbilder</a>';
linkset[1]+='<a href="https://www.hilfe-tricks-tipps.de/g7-Science-Fiction.html" target="_blank">Sience Fiction</a>';
 
//Kalender
linkset[2]='2017';
linkset[2]+='<hr>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-1.html" target="_blank">Januar</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-2.html" target="_blank">Februar</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-3.html" target="_blank">März</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-4.html" target="_blank">April</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-5.html" target="_blank">Mai</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-6.html" target="_blank">Juni</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-7.html" target="_blank">Juli</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-8.html" target="_blank">August</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-9.html" target="_blank">September</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-10.html" target="_blank">Oktober</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-11.html" target="_blank">November</a>';
linkset[2]+='<a href="https://www.hilfe-tricks-tipps.de/calendar-2017-12.html" target="_blank">Dezember</a>';
 
//Scripte
linkset[3]='Scripte';
linkset[3]+='<hr>';
linkset[3]+='<a href="https://www.hilfe-tricks-tipps.de/t678f31-Bilder-vergroessern-mit-variabler-Lupenfunktion.html#mitte1" target="_blank">Bilder mit Lupenfunktion! </a>';
linkset[3]+='<a href="https://www.hilfe-tricks-tipps.de/t437f31-Durchgehende-Laufschrift-Ticker-mit-vielseitigen-Funktionen.html" target="_blank">Laufschrift</a>';
linkset[3]+='<a href="https://www.hilfe-tricks-tipps.de/t151f31-Schneeflocken-im-Forum-Passend-zur-Weihnachtszeit.html" target="_blank">Schneeflocken</a>';
linkset[3]+='<a href="https://www.hilfe-tricks-tipps.de/t744f31-RE-Einlaufender-Text-Effekte-fuers-Forum-oder-die-Homepage.html#mitte1" target="_blank">Einlaufender Text</a>';
linkset[3]+='<a href="https://www.hilfe-tricks-tipps.de/t1099f31-Iconbar-fixieren-gut-fuer-lange-Beitraege.html#mitte1" target="_blank">Iconbar fixieren</a>';
 
var ie5=document.all && !window.opera;
var ns6=document.getElementById;
 
if (ie5||ns6)
        document.write('<div id="popitmenu" onmouseover="clearhidemenu();" onmouseout="dynamichide(event)"></div>');
 
function iecompattest(){
        return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body;
}
 
function showmenu(e, which, optWidth){
        if (!document.all&&!document.getElementById)
                return;
        clearhidemenu();
        menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu");
        menuobj.innerHTML=which;
        menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth;
        menuobj.contentwidth=menuobj.offsetWidth;
        menuobj.contentheight=menuobj.offsetHeight;
        eventX=ie5? event.clientX : e.clientX;
        eventY=ie5? event.clientY : e.clientY;
        var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX;
        var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY;
        if (rightedge<menuobj.contentwidth)
                menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px";
        else
                menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-50+"px" : window.pageXOffset+eventX-50+"px";
        if (bottomedge<menuobj.contentheight)
                menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px";
        else
                menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+32+"px" : window.pageYOffset+eventY+32+"px";
                menuobj.style.visibility="visible";
        return false;
}
 
function contains_ns6(a, b) {
 
        while (b.parentNode)
                if ((b = b.parentNode) == a)
                        return true;
        return false;
}
 
function hidemenu(){
        if (window.menuobj)
                menuobj.style.visibility="hidden";
}
 
function dynamichide(e){
        if (ie5&&!menuobj.contains(e.toElement))
                hidemenu();
        else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
                hidemenu();
}
 
function delayhidemenu(){
        delayhide=setTimeout("hidemenu()",700);
}
 
function clearhidemenu(){
        if (window.delayhide)
                clearTimeout(delayhide);
}
 
if (ie5||ns6) document.onclick=hidemenu;
 
</script>
 
<center>
 
<br>
<h1 style="color:#eeeeee">Dynamische Navigation<p style="font-size:12px;">Mit Mouseover-Menü</p></h1> 
 
<br>
<a class="navold" href="https://www.hilfe-tricks-tipps.de/" onmouseover="showmenu(event,linkset[0], '180px');" onmouseout="delayhidemenu();" target="_blank">Übersicht</a>
 
<a class="navold" href="https://www.hilfe-tricks-tipps.de/gallery.php" target="_blank" onmouseover="showmenu(event,linkset[1], '150px');" onmouseout="delayhidemenu();">Bildergalerie</a>
 
<a class="navold" href="https://www.hilfe-tricks-tipps.de/calendar.php" target="_blank" onmouseover="showmenu(event,linkset[2], '100px');" onmouseout="delayhidemenu();">Kalender</a>
 
<a class="navold" href="https://www.hilfe-tricks-tipps.de/t371f12-Scripte-und-Effekte-fuers-Forum-und-die-Homepage.html" target="_blank" onmouseover="showmenu(event,linkset[3], '230px');" onmouseout="delayhidemenu();">Scripte</a>
<br><br>
</center>
<br><br>
 
</body>
</html>
 

Schlie�en

Die Navigation in Aktion: Dynamische Navigation per Mouseover!

Bis dann und gutes Gelingen
Wolfgang

Antworten

#2 | Flippiges Menü mit Schiebereglern ohne JavaScript datum

10.01.2013 21:01 (zuletzt bearbeitet: 11.01.2024 09:20)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Flippiges Menü mit Schiebereglern ohne JavaScript
Aktualisiert 11.01.24

Hier kommt ein flippiges Menü mit Schiebereglern, die weitere Infos mit Link-Funktion freigeben.
Funktioniert ohne Javascript, nur mit CSS-Einträgen!

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
 
<style>
#menue3 {
  z-index: 1000;
  background-color: transparent;
  color: #000000;
  /*margin: 0 auto;*/
}
 
#menue3 a {
  width: 330px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://files.homepagemodules.de/b104774/f46t1197p2706n107_zXyqiwQj.gif);
  background-repeat:no-repeat;
  background-position: top left;
  background-color: #e0d0b0;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  text-decoration: none;
}
 
#menue3 a:hover {
  background-position: top right;
  color: #600000;
  /* transition: all 3s ease; */
}
 
#menue3 .second {
  display: none;
}
#menue3 a:hover .first {
  display: none;
}
#menue3 a:hover .second {
  display: block;
}
</style>
 

<div id="menue3">
 
<a href="https://www.hilfe-tricks-tipps.de/t256f31-No-Spam-Email-Adressen-fuer-Robots-ausblenden.html">
  <span class="first">Sicherheit</span>
  <span class="second">No Spam</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t678f31-Bilder-vergroessern-mit-variabler-Lupenfunktion-Genial.html">
  <span class="first">Scripte und Effekte</span>
  <span class="second">Variable Lupenfunktion  </span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t129f31-Avatar-Bilder-mit-einem-Mausklick-eintragen.html">
  <span class="first">Die Top 10</span>
  <span class="second">Avatar Auswahlliste im Forum</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t662f47-ueber-das-Android-Smartphone-mit-dem-Notebook-ins-Internet.html">
  <span class="first">Neu! - Smartphone</span>
  <span class="second">Internetzugang für Notebooks</span>
</a>
 
</div>
 

Schließen

Die Navigation in Aktion: Flippiges Menü mit Schiebereglern ohne JavaScript

Bis dann und auch hier gutes Gelingen
Wolfgang

Antworten

#3 | RE: Navigation mit Grafik-Button und Linkeffekten ohne JavaScript - Teil 2 datum

23.05.2018 09:16 (zuletzt bearbeitet: 12.01.2024 11:05)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Navigation mit Grafik-Button und Linkeffekten - Nur mit CSS
Aktualisiert 12.01.24

Die hier erstellte Navigation ist einfach und nur mit CSS + Buttongrafik aufgebaut!
Sehr gut bei großen Navigationsleisten!
Es verändert sich auch hier, die Schriftfarbe und das Aussehen des Buttons!
Die Buttonlänge passt sich der Schriftlänge an!

HTML- Zur Übersicht

Einbau

Die Navigation in Aktion! Navigation mit Grafik-Button

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeiten, mit Einbauanleitung für die Navigation.

#4 | Wie wird es eingebaut: Flippiges Menü mit Schiebereglern ohne JavaScript datum

07.01.2024 00:47 (zuletzt bearbeitet: 11.01.2024 09:20)

Anne

Informationen anzeigen

Beitr�ge:	329
Registriert seit:	21.08.2021

Homepage:	Nicht angegeben
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	novalue
Likes	156

Hallo Wolfgang

Wo genau fügt man diesen Code denn hier ein?
Nur im CSS? Oder muss man noch etwas beachten?

Also diesen Code hier

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
 
<style>
#menue3 {
  z-index: 1000;
  background-color: transparent;
  color: #000000;
  /*margin: 0 auto;*/
}
 
#menue3 a {
  width: 330px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://files.homepagemodules.de/b104774/f46t1197p2706n107_zXyqiwQj.gif);
  background-repeat:no-repeat;
  background-position: top left;
  background-color: #e0d0b0;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  text-decoration: none;
}
 
#menue3 a:hover {
  background-position: top right;
  color: #600000;
  /* transition: all 3s ease; */
}
 
#menue3 .second {
  display: none;
}
#menue3 a:hover .first {
  display: none;
}
#menue3 a:hover .second {
  display: block;
}
</style>
 
 
<div id="menue3">
 
<a href="https://www.hilfe-tricks-tipps.de/t256f31-No-Spam-Email-Adressen-fuer-Robots-ausblenden.html">
  <span class="first">Sicherheit</span>
  <span class="second">No Spam</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t678f31-Bilder-vergroessern-mit-variabler-Lupenfunktion-Genial.html">
  <span class="first">Scripte und Effekte</span>
  <span class="second">Variable Lupenfunktion  </span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t129f31-Avatar-Bilder-mit-einem-Mausklick-eintragen.html">
  <span class="first">Die Top 10</span>
  <span class="second">Avatar Auswahlliste im Forum</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t662f47-ueber-das-Android-Smartphone-mit-dem-Notebook-ins-Internet.html">
  <span class="first">Neu! - Smartphone</span>
  <span class="second">Internetzugang für Notebooks</span>
</a>
 
</div>
 

Antworten

#5 | Einbauanleitung: Flippiges Menü mit Schiebereglern datum

11.01.2024 14:18

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Einbauanleitung: Flippiges Menü mit Schiebereglern

Zitat von Anne im Beitrag #5

Hallo Wolfgang

Wo genau fügt man diesen Code denn hier ein?
Nur im CSS? Oder muss man noch etwas beachten?

Also diesen Code hier

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
 
<style>
#menue3 {
  z-index: 1000;
  background-color: transparent;
  color: #000000;
  /*margin: 0 auto;*/
}
 
#menue3 a {
  width: 330px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(https://files.homepagemodules.de/b104774/f46t1197p2706n107_zXyqiwQj.gif);
  background-repeat:no-repeat;
  background-position: top left;
  background-color: #e0d0b0;
  color: #000000;
  font-weight: bold;
  border: 1px solid #000000;
  text-decoration: none;
}
 
#menue3 a:hover {
  background-position: top right;
  color: #600000;
  /* transition: all 3s ease; */
}
 
#menue3 .second {
  display: none;
}
#menue3 a:hover .first {
  display: none;
}
#menue3 a:hover .second {
  display: block;
}
</style>
 
 
<div id="menue3">
 
<a href="https://www.hilfe-tricks-tipps.de/t256f31-No-Spam-Email-Adressen-fuer-Robots-ausblenden.html">
  <span class="first">Sicherheit</span>
  <span class="second">No Spam</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t678f31-Bilder-vergroessern-mit-variabler-Lupenfunktion-Genial.html">
  <span class="first">Scripte und Effekte</span>
  <span class="second">Variable Lupenfunktion  </span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t129f31-Avatar-Bilder-mit-einem-Mausklick-eintragen.html">
  <span class="first">Die Top 10</span>
  <span class="second">Avatar Auswahlliste im Forum</span>
</a>
 
<a href="https://www.hilfe-tricks-tipps.de/t662f47-ueber-das-Android-Smartphone-mit-dem-Notebook-ins-Internet.html">
  <span class="first">Neu! - Smartphone</span>
  <span class="second">Internetzugang für Notebooks</span>
</a>
 
</div>
 

Hallo AnneDas Skript aus Beitrag #2 ist nicht einbaufertig!
Es sollte der Inspiration dienen, Ideen und Vorschläge hervorbringen.
Man kann es so nicht direkt einsetzen, man muss erst schauen, wo es hinkommen soll, was es machen soll, um es dort dann anzupassen und einzufügen!
Es ist wie Du sehen kannst kein reiner CSS-Code und kann somit nicht direkt in "" kopiert werden!
Die Schieberegler werden in Zeile 43-65 erzeugt und in Zeile 2-39 per CSS-Style formatiert!

Viele Fragen

Was will man mit dem Menü machen?
Eigentlich ist es nur für kurze Texte ausgelegt!
Wo soll das Menü seine Dienste leisten, in der Navigation?
Hier wäre nur eine Navigation mit wenigen Kategorien sinnvoll!
Oder als Frage- und Antwortspiel in den Beiträgen?

Weitere Anpassungen

Bestimmt sind dann auch noch Anpassungen der Farbe, Größe und der Anzahl notwendig!
Sollen die Schieberegler nebeneinander oder untereinander platziert werden oder wird nur einer gebraucht?

Wolfgang

Antworten

Forum ohne Anmeldung? � � Durchgehende Laufschrift (Ticker) mit vielseitigen Funktionen

�hnliche Themen

Antworten

Letzter Beitrag

Navigationsleiste - Unter-Navigation
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Kipper-Spedition 18 29.04.2025 08:31
Dankeschön • Zugriffe: 1287
Reihenfolge der Navigationsleiste im V6 ändern
Erstellt im Forum Das neue Template Xobor (v6). von Anni 2 18.04.2023 15:05
Anni • Zugriffe: 541
Navigationsleiste über Header
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Anne 7 26.03.2023 13:04
Wolfgang • Zugriffe: 720
YouTube-Videogalerie für das eigene Forum installieren - 5 Teile!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 4 06.07.2025 06:34
Wolfgang • Zugriffe: 2290
Das Forum Kino ist umgezogen! Die Videogalerie ist fertig!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News. von Wolfgang 0 17.07.2020 23:01
Wolfgang • Zugriffe: 934
Adventskalender neu bestückt!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 0 11.12.2019 05:39
Wolfgang • Zugriffe: 889
Den Link zu den neue Bewertungen ...
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Hans58 7 17.03.2019 09:04
Wolfgang • Zugriffe: 1502
Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 21 16.08.2022 18:44
EaglePipe • Zugriffe: 14988
Überprüfen ob JavaScript aktiviert ist!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 1 05.08.2017 21:33
Wolfgang • Zugriffe: 7494

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Dynamische 3-D Navigationsleisten / Menüleisten

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

93%

Dynamische Navigationsleiste mit Mouseover-Effekt für ältere Browser!Aktualisiert: 10.01.24

Flippiges Menü mit Schiebereglern ohne JavaScriptAktualisiert 11.01.24

Navigation mit Grafik-Button und Linkeffekten - Nur mit CSS Aktualisiert 12.01.24

Einbauanleitung: Flippiges Menü mit Schiebereglern

Dynamische Navigationsleiste mit Mouseover-Effekt für ältere Browser!
Aktualisiert: 10.01.24

Flippiges Menü mit Schiebereglern ohne JavaScript
Aktualisiert 11.01.24

Navigation mit Grafik-Button und Linkeffekten - Nur mit CSS
Aktualisiert 12.01.24