Dropdown-Menü

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 - Fragen & Antworten � Dropdown-Menü

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. 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 | Dropdown-Menü datum

18.10.2015 08:52 (zuletzt bearbeitet: 26.07.2016 15:04)

Hi
Ich möchte ein Dropdown-Menü mit einem Schriftzug haben.

Die beiden Schriftzüge mit den Aulösungen sollen weichen.
Es soll nur noch die Schrift "Auflösung" im Dropdown-Menü zu sehen sein.
Das Menü soll erweiterbar sein, weil noch andere Auflösungen hinzukommen.
So wie hier.
Soll aber nicht so aufwändig sein.
Wie mache ich das?

thx

Antworten

#2 | Dropdown-Menü mit auswählbarer Auflösung. datum

18.10.2015 14:08

Wolfgang

Administrator

Informationen anzeigen

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

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

Dropdown-Menü mit auswählbarer Auflösung.

Hallo Magister,
habe eine Lösung gefunden.

Als erstes musste ich mir die Menüleiste von Deiner Webseite herunterziehen, um zu sehen, wie Du die Umschaltung der beiden Auflösungen bewerkstelligst!
Wenn ich das richtig erkenne, hast Du für jede Auflösung eine eigene Seite!

Lösung:

Ich habe die Menüleiste mit einer CSS so umgeschrieben, dass sie wesentlich kleiner und übersichtlicher geworden ist!
Die Menüleiste hat jetzt auch einen Farbwechsel per Mouseover (.menueleiste_funk a:hover + .select_funk:hover).
Die Farben, Schriftgröße und Abstände, können über die CSS beliebig angepasst werden.
Mit Tooltipps, auch fürs Menü..
"text-decoration: none" wird jetzt umgesetzt. Die Unterstriche sind verschwunden.
Die CSS im Script kannst Du natürlich in Deiner vorhandenen CSS unterbringen.
Du brauchst nur den Bereich "<table> ... </table>" auszutauschen.

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
 

<style type="text/css">
.menueleiste_funk {text-align:center;}
.menueleiste_funk a{text-decoration: none; color:#00FF00;font-size:17px;padding:0 4px 0 4px;}
.menueleiste_funk a:hover {color:#FFFF00;}
.select_funk {background-color:#525bd2;color:#00FF00;font-size:15px;}
.select_funk:hover {color:#FFFF00;}
</style>
 

<table border="0" width="1088" style="border-collapse: collapse" height="32" background="http://www.osna-radio-club.de/image/cellpic.gif">
<tr>
<td class="menueleiste_funk">
				
<a target="_blank" title="Wir über uns" href="http://www.osna-radio-club.de/info/ueber%20uns.htm">Über Uns</a>
				
<a target="_blank" title="Liste der Club Mitglieder" href="http://www.osna-radio-club.de/user/user.htm">User</a></font>
 
<a target="_blank" title="Event Eintragungen" href="http://funk.xobor.de/calendar.php">Event-Kalender</a>
 
<a target="_blank" title="Fragen über CB Funk" href="http://funk.xobor.de/">Forum</a>
				
<a target="_blank" title="Downloads" href="http://www.osna-radio-club.de/downloads/downloads.htm">Downloads</a>
				
<a target="_blank" title="Allerlei Information über der Funkerei" href="http://www.osna-radio-club.de/info/vorbereitung.htm">Info's</a> 
 
<a target="_blank" title="Das neuste zu CB Funk" href="http://www.osna-radio-club.de/info/vorbereitung.htm">News CB-Funk</a>
 
<a target="_blank" title="Interessante Link´s" href="http://www.osna-radio-club.de/info/vorbereitung.htm">Link´s</a>
 
<a target="_blank" title="Weltzeit" href="http://www.osna-radio-club.de/Worldtime/Weltzeit_ie.htm">Weltzeit</a>
 
<a target="_blank" title="Contest" href="http://www.osna-radio-club.de/contest/contest%2004.10.15.htm">Contest</a>
 
<a target="_blank" title="Zum Gästebuch" href="http://gaestebuch.007box.de/index.php?gbname=gb30318">Gästebuch</a>
 
&nbsp;&nbsp;
 
<img border="0" src="http://www.osna-radio-club.de/image/pfeil1.gif" width="23" height="12">
 
<select title="Auflösung auswählen" class="select_funk" name="select_funk" onChange="window.location.href=this.value;">
<option selected>Auflösung</option> 	
<option value="http://www.osna-radio-club.de/index1920x1080.htm">1920x1080</option> 
<option value="http://www.osna-radio-club.de/index1280x1024.htm">1280x1024</option> 
<option value="http://www.osna-radio-club.de/index1024x768.htm">1024x768</option> 
</select>
				
<img border="0" src="http://www.osna-radio-club.de/image/pfeil2.gif" width="23" height="13">
 
&nbsp;&nbsp;
				
</td>
</tr>
</table>
 
 

Schlie�en

Monitor-Auflösung dieser Webseite:
Habe ein kleines Script gefunden, um die Monitorauflösung anzuzeigen!

1
 
<script type="text/javascript">document.write(screen.width + ' x ' + screen.height);</script>

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

Bis dann und viel Erfolg beim Einbau!
Wolfgang

Magister findet das Top!

Antworten

#3 | RE: Dropdown-Menü mit auswählbarer Auflösung. datum

18.10.2015 17:49

Besten Dank Wolfgang.
Ist einfach und genial.

Antworten

#4 | RE: Dropdown-Menü mit auswählbarer Auflösung. datum

21.10.2015 19:00

Magister

Informationen anzeigen

Beitr�ge:	91
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Fische
Likes	14

Hi
Ich habe mir noch ein Dropdownmenue gemacht.

1
2
3
4
 
<select title="Zum Contest" class="select_funk" name="select_funk" onChange="window.location.href=this.value;">
<option selected>Contest</option>
<option value="http://www.osna-radio-club.de/contest/contest01.11.15.htm">01.11.15</option> 	
<option value="http://www.osna-radio-club.de/contest/contest04.10.15.htm">04.10.15</option> 
 

wie bekomme ich das hin, das diese htm im neuen Fenster geöffnet wird?

thx

Antworten

#5 | Dropdown-Menü - Verlinkungen öffnen im neuen Fenster datum

22.10.2015 17:34 (zuletzt bearbeitet: 24.10.2015 10:51)

Wolfgang

Administrator

Informationen anzeigen

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

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

Dropdown-Menü - Verlinkungen öffnen im neuen Fenster!

Hallo Magister,
hat etwas gedauert. Habe aber eine einfache Lösung, ohne zusätzliches JavaScript hinbekommen!

Einige Punkte sind zu beachten, damit die DropDown-Menüs sich nicht gegenseitig stören!
Ich habe festgestellt, dass die Tooltipps mehr stören als informieren. Sie überdecken die Auswahlliste!
Für jedes DropDown-Menü einen neuen Namen und eine neue "id" vergeben ("id=contest_funk").
Abschluß "</select>" nicht vergessen!

1
2
3
4
5
 
<select id="contest_funk" name="contest_funk" class="select_funk" onChange="window.open(this.value);this[0].selected = true;">
<option selected>Contest</option>
<option value="http://www.osna-radio-club.de/contest/contest01.11.15.htm">01.11.15</option> 	
<option value="http://www.osna-radio-club.de/contest/contest04.10.15.htm">04.10.15</option> 
</select>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

Änderung der Menüleiste:
Durch das zusätzliches DropDown-Menü wird die Menüleiste im Auflösungs-Modus "1024x768" zu lang! Es tritt ein unschöner Umbruch des DD-Menüs auf!

Mein Vorschlag:
• Namen verkleinern
• Gesamtlänge von 1088px auf 1000px verkürzen

Nach der Änderung sieht die Menüleiste dann so aus!

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
 
<style type="text/css">
.menueleiste_funk {text-align:center;}
.menueleiste_funk a{text-decoration: none; color:#00FF00;font-size:17px;padding-right:8px;}
.menueleiste_funk a:hover {color:#FFFF00;}
.select_funk {background-color:#525bd2;color:#00FF00;font-size:15px;}
.select_funk:hover {color:#FFFF00;}
 
select#contest_funk {width:80px;}
select#select_funk {width:95px;}
</style>
 

<table border="0" width="1000px" style="border-collapse: collapse;" height="32" background="http://www.osna-radio-club.de/image/cellpic.gif">
<tr>
<td class="menueleiste_funk">
				
<a target="_blank" title="Wir über uns" href="http://www.osna-radio-club.de/info/ueber%20uns.htm">Über Uns</a>
				
<a target="_blank" title="Liste der Club Mitglieder" href="http://www.osna-radio-club.de/user/user.htm">User</a></font>
 
<a target="_blank" title="Event Eintragungen" href="http://funk.xobor.de/calendar.php">Events</a>
 
<a target="_blank" title="Fragen über CB Funk" href="http://funk.xobor.de/">Forum</a>
				
<a target="_blank" title="Downloads" href="http://www.osna-radio-club.de/downloads/downloads.htm">Downloads</a>
				
<a target="_blank" title="Allerlei Information über der Funkerei" href="http://www.osna-radio-club.de/info/vorbereitung.htm">Info's</a> 
 
<a target="_blank" title="Das neuste zu CB Funk" href="http://www.osna-radio-club.de/info/vorbereitung.htm">News CB-Funk</a>
 
<a target="_blank" title="Interessante Link´s" href="http://www.osna-radio-club.de/info/vorbereitung.htm">Link´s</a>
 
<a target="_blank" title="Weltzeit" href="http://www.osna-radio-club.de/Worldtime/Weltzeit_ie.htm">Weltzeit</a>
 
<a target="_blank" title="Contest" href="http://www.osna-radio-club.de/contest/contest%2004.10.15.htm">Contest</a>
 
<a target="_blank" title="Zum Gästebuch" href="http://gaestebuch.007box.de/index.php?gbname=gb30318">Gästebuch</a>
 
<select id="contest_funk" name="contest_funk" class="select_funk" onChange="window.open(this.value);this[0].selected = true;">
<option selected>Contest</option>
<option value="http://www.osna-radio-club.de/contest/contest01.11.15.htm">01.11.15</option> 	
<option value="http://www.osna-radio-club.de/contest/contest04.10.15.htm">04.10.15</option> 
</select>
 
<select id="select_funk" name="select_funk" class="select_funk" onChange="window.location.href=this.value;">
<option selected>Auflösung</option> 	
<option value="http://www.osna-radio-club.de/index1920x1080.htm">1920x1080</option> 
<option value="http://www.osna-radio-club.de/index1280x1024.htm">1280x1024</option> 
<option value="http://www.osna-radio-club.de/index1024x768.htm">1024x768</option> 
</select>
 
&nbsp;
</td>
</tr>
</table>
 

Schlie�en

Wolfgang

Antworten

#6 | RE: Dropdown-Menü - Verlinkungen öffnen im neuen Fenster datum

22.10.2015 18:49

Big thanks Wolfgang

Werde ich diese Tage einbauen.

Antworten

Ladezeit � � Suche html für

�hnliche Themen

Antworten

Letzter Beitrag

Für die Iconbar: Wählbares + aktuelles Datum in Beiträgen einfügen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

06.09.2024 21:08
von

Wolfgang • Zugriffe: 394

Ganze Textbausteine in der Iconbar als Dropdown
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von bienchen 12 26.01.2024 19:14
Daishi • Zugriffe: 760

Auswahlmenü Bild-Einstellungen und Bilder verlinken optisch anpassen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

28.05.2023 12:56
von

Wolfgang • Zugriffe: 398

Xobor-Webfonts fürs Forum installieren
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 4 02.01.2022 22:49
Mato • Zugriffe: 572
Neu! Forum - Lesezeichen dauerhaft verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 3 11.12.2016 19:38
Wolfgang • Zugriffe: 5682

"Achtung Bauarbeiten" für halbfertige Beiträge" - Teil 1-3
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

27.11.2023 07:14
von

Wolfgang • Zugriffe: 2900

Schriftarten über die Iconbar verändern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 8 06.01.2022 18:27
Wolfgang • Zugriffe: 3270
Trennlinie für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 14.02.2016 01:56
Wolfgang • Zugriffe: 3275
DropDown Menü für die Iconbar - Mit "select"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 9 07.02.2024 12:42
Anne • Zugriffe: 15006

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 €

36%

Forum - Dropdown-Menü

Dropdown-Menü mit auswählbarer Auflösung.

Dropdown-Menü - Verlinkungen öffnen im neuen Fenster!

Forum Lesezeichen ❌