Quelltext für das vertikale Ausklapp-Menü
zusätzlich mit Laufschrift unten, Javaverschlüsselung der Mailadresse und Javascript-Abfrage, ob Javascript im Browser eingestellt ist. Wenn nicht, dann gibt es über <!--  noScript --> eine Meldung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>


<!-- Beginn Javascript Laufschrift -->
<script type="text/javascript">
<!-- begin
var Message="Dein Text ;O)";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",100);
} else {
place++;
window.setTimeout("scrollIn()",130);
}
}
function scrollOut() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 100);
}
}
scrollIn()
// End -->
</script>
<!-- Ende Javascript Laufschrift -->



<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">

<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Linkseite</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">


/*--CSS-Reset--*/
* {
margin: 0;
padding: 0;
}

/*--CSS-für das Element <p> folgenden Abstand hinterlegen--*/
p {
margin: 15px 0;
}

#menu {
width: 178px;
background: #
C9F5F5;
font-family: Times;
font-size: 9pt;
line-height: 1.5;
float: left; padding-left:1px; padding-right:0px; padding-top:5; padding-bottom:5
}

#menu ul {
width: 90px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #
003366;
background: #
ff8000;
}

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #
FF3300;
text-align: center;
background: #
FFBB77;
color: #
003366;
}

/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#menu a:hover {
color: #
003366;
background: #
FFFFCC;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
top: 0px; left: 90px; z-index: 2;
display: none;
}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url("http://manjo.biz/t-online/manjo-eu/csshover3-source.htc");
/*--behavior: url(csshover3-source.htc);--*/

font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #
003366;
background: #
ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:hover {
color: #
003366;
background: #
FFFFCC;
border: 1px solid #ccc;
}

#content {
background: #
BFFFBF;
width: 0px;
padding: 10px;
margin-left: 170px;
}


</style>

<base target="Hauptframe">

</head>


<!-- öffnet die Navigationsleiste-->

<div id="menu">

<ul> <!-- öffnet den Themenblock EDITORIAL-->
<li><a class="direkt" target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">
<span style="background-color: #
9C3163"><font color="#FFFFCC">EDITORIAL</font></span></a></li>
</ul> <!--schließt den Themenblock EDITORIAL-->



<ul> <!-- öffnet den Themenblock News-->
<li> <!-- öffnet die Listeneinträge von NEWS -->
<h3><blink><span style="background-color: #
FFFF00">NEWS</span></blink></h3>
<ul> <!-- öffnet die Klappnavi von News -->
<b>
<li><a target="Hauptframe" title="Open in Mainframe" style="text-decoration: blink" href="http://deine.de/index.htm">Brand New Mixed</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Mein BLOG</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Termine</a></li>
</b>
</ul> <!-- schließt die Klappnavi von News -->
</li> <!-- schließt die Listeneinträge von News -->
</ul> <!--schließt den Themenblock News-->



<ul> <!-- öffnet den Themenblock MUSIK -->
<li> <!-- öffnet die Listeneinträge von MUSIK -->
<h3><span style="background-color: #
BFFFBF">MUSIK</span></h3>
<ul> <!-- öffnet die Klappnavi von MUSIK -->
<b>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">My Own-Label Music</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">important Projects</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Studio "Nuß63"</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">on STAGE</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Broadcast</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Equipment</a></li>
<li><a target="Hauptframe" title="Open in Mainframe" href="http://deine.de/index.htm">Influences / Einflüsse</a></li>
</b>
</ul> <!-- schließt die Klappnavi von MUSIK -->
</li> <!-- schließt die Listeneinträge von MUSIK -->
</ul> <!--schließt den Themenblock MUSIK-->



<ul> <!-- öffnet den Themenblock Mail to-->
<li> <!-- öffnet die Listeneinträge von Mail to-->
<h3 style="line-height: 150%; margin-bottom:3">
<span style="background-color: #
CCCCCC">Mail to
</span></h3>
<ul> <!-- öffnet die Klappnavi von Mail to-->
<b>
<li>


<!-- Beginn Javascript Mail to -->
<script type="text/javascript">
<!--
var lul = "deine";
var lal = "provider.de";

document.write("<a href=\"mailto:" + lul + "@" + lal + "?Subject=Besuch auf der Website http://manjo.eu !!! (Kontakt) &body=Guten Tag, ich möchte gerne Kontakt aufnehmen! (Name, Adresse) und ein paar freundliche Worte ;-) Mit freundlichen Grüßen \">");

document.write(lul + "@" + lal + "</a>");

// -->
</script>
<!-- Ende Javascript Mail to -->


<!-- Beginn Javascript noScript -->
<noscript>
<a title="Open in Mainframe" target="Hauptframe" href="http://deine.de/javaEnable.htm">
to become visible my mail-address please enable "Javascript"<br>description here</a></noscript>
<!-- Ende Javascript noScript -->


</b>
</ul> <!-- schließt die Klappnavi von Mail to-->
</li> <!-- schließt die Listeneinträge von Mail to-->
</ul> <!--schließt den Themenblock Mail to-->



<!-- Beginn Javascript javaEnabled -->
<script type="text/javascript">

if (navigator.javaEnabled()) {
document.write('<applet code="" ><\/applet>');
}
</script>
<!-- Ende Javascript javaEnabled -->


<!-- Beginn Javascript noScript -->
<noscript>
to become visible the complete topics of my webpage please enable "Javascript"<br>you need to update your browser with a "Flashplugin" too</noscript>
<!-- Ende Javascript noScript -->


<!-- schließt die Menüleiste #menu -->
</div>

  Quelltext markieren, kopieren, im einfachen Ascii-EDITOR (z.Bsp. "NOTEPAD/win" o. "TEXT/mac" o. "PICO/linux") einfügen und die Datei mit der Endung/Suffix "htm" speichern. Nach Belieben editieren...