/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}
/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}
/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}
/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(Hier die Bild URL, von dem Button, der immer angezeigt werden soll.);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(Hier die Bild URL, für den Button, der angezeigt wird, wenn man mit der Maus drüberfährt);
}
/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<!-- Anfang des Scriptes -->
<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>
<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:
ok alles klar ich muss
aber sagen ich bin nicht so der ober schecker in html
wie kann ich den ändern des da nicht nur menuepunkt 1 steht
muss ich da die url von nem bild einfügen aber welches bild????
ich hab kein bild des so klein ist und wo home draufsteht
und wi kann ichs machen des es da noch mehr menuepunkte gibt??
fragen über fragen!?!!?
juhu
fertig aber wie kann ich jetzt den alten navigator wegmachen oder unsichtbar
die seiten müssen aber erhalten sein sonst
funktioniert es nicht mehr
Cookies sind kleine Textinformation, die wir oder Partner von uns über deinen Browser lokal bei dir speichern.
Du kannst jederzeit die Nutzung von Cookies über die Einstellung deines Browsers verhindern.
Wir nutzen folgende, mit der DSGVO konforme Cookies:
- Essentielle Cookies: Sind unbedingt notwendig damit die Website voll funktionsfähig ist.
- Optionale Cookies: Sind optional und helfen uns die Website zu verbessern, z.B. indem sie das Nutzungsverhalten auf der Website analysieren, ohne dabei dich persönlich zu identifizieren.
Mehr Informationen findest du in unser Datenschutzerklärung.