Suche im Forum:
Suchen


Autor Nachricht
Beitrag29.06.2007 um 18:23 (UTC)    
Titel: Dropdown-Menü in rechte Box

Hallo zusammen,

kann mir jemand sagen, ob ich ein Dropdown- bzw. aufklappbares Menü in den rechten Boxen einbauen kann? Am besten wäre es, wenn es dann nach links aufklappt.

Ich habe hier außerdem einige Themen über Dropdown-Menüs gelesen. Irgendwie weiß ich aber nicht, wo ich die Codes in meiner Seite einbauen muss... Confused

Kann man auch die normale Navi durch ein aufklappbares Menü ersetzen? Wenn man viele Menüpunkte hat, ist sowas echt praktisch, sonst geht die Navi ja ewig weit nach unten... Wink

Danke schon mal im Voraus für Eure Hilfe!

Gruß
Jörg

P.S. Für einen Laien wie mich ist diesen Forum echt super!!!
Beitrag29.06.2007 um 20:07 (UTC)    
Titel:

Zitat:
<script language="JavaScript"><!--

function changeto(pfad){ziel=pfad.options[pfad.selectedIndex].value;self.location=ziel;}

//-->
</script>


<div align="center"><form action name="DROPMENU">
<select size="1" name="dropdown" onchange="changeto(this);">
<option value="">Auswahl</option>
<option value="http://www.gloeckner-nbg.de/link/link1">Link 1</option>
<option value="http://www.gloeckner-nbg.de/link/link2">Link 2</option>
<option value="http://www.gloeckner-nbg.de/link/link3">Link 3</option>
<option value="http://www.gloeckner-nbg.de/link/link4">Link 4</option>
<option value="http://www.gloeckner-nbg.de/link/link5">Link 5</option>
</select></form>
</div>



Die Links und den Butto-Titel anpassen und den ganzen Code direkt in die Box - fertig
ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag29.06.2007 um 20:33 (UTC)    
Titel:

success4you hat Folgendes geschrieben:
Zitat:
<script language="JavaScript"><!--

function changeto(pfad){ziel=pfad.options[pfad.selectedIndex].value;self.location=ziel;}

//-->
</script>


<div align="center"><form action name="DROPMENU">
<select size="1" name="dropdown" onchange="changeto(this);">
<option value="">Auswahl</option>
<option value="http://www.gloeckner-nbg.de/link/link1">Link 1</option>
<option value="http://www.gloeckner-nbg.de/link/link2">Link 2</option>
<option value="http://www.gloeckner-nbg.de/link/link3">Link 3</option>
<option value="http://www.gloeckner-nbg.de/link/link4">Link 4</option>
<option value="http://www.gloeckner-nbg.de/link/link5">Link 5</option>
</select></form>
</div>



Die Links und den Butto-Titel anpassen und den ganzen Code direkt in die Box - fertig
ciao michael


Super! Danke Dir!
Wie sieht es denn mit einer Navi aus, bei der die Untermenüs beim drüber fahren (mit der Maus) automatisch ausklappen (Coolmenü?). Geht das auch in den rechten Boxen?
Beitrag29.06.2007 um 20:45 (UTC)    
Titel:

hi

Zitat:
<style type="text/css">
<!--
A.menulink {
display: block;
width: 110px;
text-align: center;
text-decoration: none;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
background-color: #0000CC;
border-style: outset;
border-width: 3px;
border-color: #000000;
}

A.menulink:hover {
border-style: inset;
border-width: 3px;
border-color: #000000;
color: #FFFFFF;
background-color: #000080;
}
-->
</style>

<table border="0" width="110" align="center">
<tr>
<td><a href="http://Menülink1.de" class="menulink">Menülink1</a></td>
</tr>
<tr>
<td><a href="http://Menülink2.de" class="menulink">Menülink2</a></td>
</tr>
<tr>
<td><a href="http://Menülink3.de" class="menulink">Menülink3</a></td>
</tr>
<tr>
<td><a href="http://Menülink4.de" class="menulink">Menülink4</a></td>
</tr>
</table>



ja geht - den einstellen in die box - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag30.06.2007 um 10:19 (UTC)    
Titel:

success4you hat Folgendes geschrieben:
hi

Zitat:
<style type="text/css">
<!--
A.menulink {
display: block;
width: 110px;
text-align: center;
text-decoration: none;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
background-color: #0000CC;
border-style: outset;
border-width: 3px;
border-color: #000000;
}

A.menulink:hover {
border-style: inset;
border-width: 3px;
border-color: #000000;
color: #FFFFFF;
background-color: #000080;
}
-->
</style>

<table border="0" width="110" align="center">
<tr>
<td><a href="http://Menülink1.de" class="menulink">Menülink1</a></td>
</tr>
<tr>
<td><a href="http://Menülink2.de" class="menulink">Menülink2</a></td>
</tr>
<tr>
<td><a href="http://Menülink3.de" class="menulink">Menülink3</a></td>
</tr>
<tr>
<td><a href="http://Menülink4.de" class="menulink">Menülink4</a></td>
</tr>
</table>



ja geht - den einstellen in die box - ciao michael


Hi Michael,

klasse! Danke! Jetzt muß ich nur noch wissen, wie ich zu den Menüpunkten Untermenüs erstellen kann, die dann (möglichst nach links) ausklappen.

Gruß
Jörg
Beitrag30.06.2007 um 20:06 (UTC)    
Titel:

hi - ich bekomme sie im moment nur untereinander - aber ich arbeite dran - habe nur durch ende des awards gerade wenig zeit - weil da sitze ich immer 2 volle tage dran- aber hier schon mal mit untermenue untereinander

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}



.menu li
{
width: 160px;
float: right;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:re.hover
{
background-color: #00CCFF;
background-image: url(URL);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: right;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="LINK1"> TITEL1</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>
<li><a href="UNTERLINK2.5">Titel</a></li>
<li><a href="UNTERLINK2.6">Titel</a></li>
<li><a href="UNTERLINK2.7">Titel</a></li>
<li><a href="UNTERLINK2.8">Titel</a></li>
<li><a href="UNTERLINK2.9">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="UNTERLINK3.2">Titel</a></li>
<li><a href="UNTERLINK3.3">Titel</a></li>
<li><a href="UNTERLINK3.4">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="LINK4"> TITEL4</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
</ul>
</li>
</div>


die farben halt anpassen oder buttons deiner wahl - einfügen - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag02.07.2007 um 06:46 (UTC)    
Titel:

success4you hat Folgendes geschrieben:
hi - ich bekomme sie im moment nur untereinander - aber ich arbeite dran - habe nur durch ende des awards gerade wenig zeit - weil da sitze ich immer 2 volle tage dran- aber hier schon mal mit untermenue untereinander


die farben halt anpassen oder buttons deiner wahl - einfügen - ciao michael


Hi Michael,

danke für den Code! Postest Du dann auch den Code für eine seitlich ausklappbare Navi?

Gruß
Jörg
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de