Zitat:
Kurz nebenbei:
Die Navigation von Knuddels.de basiert auf Java. Mit HTML kann man sich am einfachsten eine eigene Navigation erstellen, indem man seine Links in eine Tabelle eingibt.

So ein Quark..
Die Navigationsleiste ist auch mit HTML gemacht.

Der komplette Code sieht folgendermaßen aus:
Zitat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="http://www.knuddels.de/">
<base target=main>
<title>Knuddels.de - Navigation</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta name="MSSmartTagsPreventParsing" content="true">
<script src="s/hp.js" type="text/javascript"></script>
<script src="s/pwd.js?new2" type="text/javascript"></script>
<style type="text/css">
body {background: #d9abef;margin:14px 0 14px 9px;padding:0;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:11px;}

ul {list-style-type:none;margin:0 0 8px 0;padding:0;width:171px;border:solid #f0c1ff;border-width:0 0 1px 0;}
ul li ul {border:none;margin:0}
*html ul li {float:left; width:171px; display:block}
li {padding:0;margin:0;}
ul li {background:#f0c1ff;color:#fff;font-weight:bold;text-indent:4px;line-height:19px;}
ul li ul li {text-indent:0px;background:#d9abef;border:solid #f0c1ff;;border-width:1px 2px 1px 2px;color:#555;font-weight:normal;padding-left:2px;line-height:15px;margin-top:-1px}
ul li ul li strong {font-weight:bold;letter-spacing:-1px;}
ul li ul li.narrow {letter-spacing:-1px;}
ul li ul li a {display:block;width:100%;color:#000;text-decoration:none;margin-left:-2px;padding-left:2px;}
*html ul li ul li a {width:167px}
ul li ul li a:hover {background:#000;color:#f0c1ff;}
span.gfxinside {position:absolute;display:block;}

li.community {text-indent:-5000px;background:url(i/navi_new.gif) #f0c1ff 0 0 no-repeat;}
li.goodies {text-indent:-5000px;background:url(i/navi_new.gif) #f0c1ff 0 -20px no-repeat;}
li.events {text-indent:-5000px;background:url(i/navi_new.gif) #f0c1ff 0 -40px no-repeat;}
li.hilfe {text-indent:-5000px;background:url(i/navi_new.gif) #f0c1ff 0 -60px no-repeat;}

li.wlm {text-indent:-5000px;background:url(i/navi_wlm6w.gif) #f0c1ff 0 0px no-repeat;}
#wlm_link {height:28px; background:url(http://www.knuddels.de/i/navi_wlm6w_li_ani7.gif);}
#wlm_link:hover {background-position:0 -28px ; background-color:transparent}


li.mysims {text-indent:-5000px;background:url(i/navi_spieletipp.gif) #f0c1ff 0 0px no-repeat;}
#mysims_link {height:50px; background:url(http://www.knuddels.de/i/navi_mysims_shade.gif);}


</style>

<script language="JavaScript" type="text/javascript">
var H=0;var X=0; var Y=0;var x=0;var y=0;var F=20;D=document;

function doHP() {openHPWindow('knuddels.de', 700,h())}
function h(){if(!D.all)z=window.innerHeight;else z=D.body.clientHeight;return z}
function c(e){if(!D.all){X=e.pageX;Y=e.pageY;x=e.pageX-pageXOffset;;y=e.pageY-pageYOffset;}else{X=event.clientX+D.body.scrollLeft;Y=event.clientY+D.body.scrollTop;y=event.clientX;y=event.clientY}}
function Q(){if(D.layers){D.captureEvents(Event.MOUSEMOVE);d=f;}D.onmousemove=c};
function E() {if(H!=h())Q();H=h();fF = F / Math.round(H/2);sy = y - Math.round(H/2);S = fF*sy;scrollBy(0, Math.round((S*S*S)/(F*F)));}
function I() {H=h();Q();window.setInterval('E()',50);}
</script>

</head>
<body onload="I()">

<!--

Hervorhebungen mit <li><strong>...</strong></li> auszeichnen
Längere Punkte mit <li class="narrow">...</li> auszeichnen

-->

<noscript><a href="#bottom" target=navigation>Runterscrollen</a><br></noscript>

<ul>

<li class="community">Knuddels-Community
<ul>
<li><a href="http://chat.knuddels.de/register3/register.html" target=app title="Hier kannst Du Dich neu registrieren.">Neu registrieren</a></li>

<li><a href="http://www.knuddels.de/" target=_top title="Hier geht's zum Chat." onclick="if (top.doPopup) {top.name='FORCE';}">Chat</a></li>
<li><a href="http://forum.knuddels.de/categories.html" target=_blank title="Hier geht's zum Forum.">Forum</a></li>
<li><a href="http://foto.knuddels.de/cgi/fg_start.pl" title="Die Fotos der angemeldeten Nutzer">Fotogalerie</a></li>
<li><a href="http://hp.knuddels.de/cgi/hp_start.pl" title="Die Homepages der angemeldeten Nutzer">Homepages</a></li>
<li><a href="http://www.knuddels.de/google/google_input.html" title="NEU: Google-Suche jetzt auf Knuddels.de!">Suche</a></li>
</ul>

</li>

</ul>


<ul>

<li class="mysims">Spieletipp
<ul>
<li><a id="mysims_link" href="http://adserver.adtech.de/?adlink|3.0|247|1366820|1|16|AdId=1485514;BnId=1;link=http://scripts.knuddels.de/mysims/" title="MySims - Spiel' mit uns!">&nbsp;</a></li>
</ul>
</li>

</ul>


<ul>

<li class="wlm">Windows Live Messenger
<ul>
<li><a id="wlm_link" !style="background:url(http://www.knuddels.de/i/navi_wlm6w_li_ani2.gif)" href="http://www.knuddels.de/ad/cgi/ad_redirect.pl?id=33" title="Windows Live Messenger kennenlernen!" target=_blank>&nbsp;</a><!-- span class="gfxinside" style="margin:-30px 0 0 136px;"><img src="i/navi_wlm6w_gfxinside_new.gif" alt=""></span --></li>
</ul>
</li>

</ul>

<ul>

<li class="goodies">Knuddels-Goodies
<ul>
<li><a href="http://www.knuddels.de/shop/" target=_blank title="Knuddels-T-Shirts und mehr zusammen mit den heißbegehrten Codes für die Smileys!">KnuddelsShop</a><span class="gfxinside" style="margin:-19px 0 0 140px;"><img src="i/giftbox_02.gif" alt=""></span></li>
<li><a href="http://www.play.de/flash_games/knuddels/" onclick="gwin = open('http://www.play.de/flash_games/knuddels/','gwinframe','height='+(((screen.availHeight)>720)?720:screen.availHeight-100)+',width='+(((screen.availWidth)<670)?(screen.availWidth-20):690)+',status=no,location=no,scrollbars=yes,resizable=yes,menubar=no,top=50,left='+(screen.availWidth/2-300));if (!gwin) {parent.frames['main'].src='http://www.play.de/flash_games/knuddels/'}; return false;"title="Jede Menge heiße Minigames">Minigames</a></li>
<li><a href="http://www3.knuddels.de:8080/videoblog/vb_start.pl?d=lolipop" target=_blank>Videoblog lol*ipop</a><!-- span class="gfxinside" style="margin:-18px 0 0 120px;"><img src="i/knuddel_tv.gif" alt=""></span --></li>
<li><a href="http://www.knuddels.de/goodies_diverse.html" title="Hier findest Du weitere Goodies.">weitere Goodies...</a></li>

</ul>
</li>

</ul>

<ul>

<li class="events">Knuddels-Events
<ul>
<li><a href="http://scripts.knuddels.de/ct/cgi/ct_start.pl" title="Eine Übersicht über kommende und stattgefundene CTs">Chattertreffen</a></li>
<li><a href="http://spenden.knuddels.de/" title="Die gro&szlig;e Spendenaktion 2006!" target=_blank>Gro&szlig;e Spendenaktion '06</a></li>

</ul>
</li>

</ul>

<ul>

<li class="hilfe">Knuddels-Hilfe
<ul>
<li><a href="http://www2.knuddels.de/dprint/dprint.pl?jig=3&domain=knuddels.de" title="Hilfe für Einsteiger und Fortgeschrittene">Hilfe Übersicht</a></li>
<li><a href="http://www2.knuddels.de/dprint/dprint.pl?jig=7&domain=knuddels.de" title="Häufig gestellte Fragen">FAQ</a></li>

<li><a href="javascript:openPwdWindow('knuddels.de')" target=navigation title="Hier kannst Du Dir Dein Passwort zusenden lassen.">Passwort vergessen?</a></li>
<li><a href="http://www.knuddels.de/jugendschutz/" title="Informationen zum Jugendschutz bei Knuddels.de">Jugendschutz</a></li>
</ul>
</li>

</ul>

<a name="bottom"></a>


</body>

</html>

Naja viel Spaß beim Anpassen für eine eigene Menüleiste bäh