Eigene Navi - Druckversion

PHP-Code:
<html>
<head>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
function Menue () {
  if (typeof window.pageYOffset == "number") {
    if (NS4) {
      getElement("id", "Nav").top = window.pageYOffset + 50;
    } else {
      getElement("id", "Nav").style.top = window.pageYOffset + 50;
    }
  } else {
    if (typeof document.body.scrollTop == "number")
      getElement("id", "Nav").style.top = document.body.scrollTop + 50;
  }
  if (OP)
    getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
  if (NS4) {
    getElement("id", "Nav").visibility = "show";
  } else {
    getElement("id", "Nav").style.visibility = "visible";
  }
}

function noMenue () {
  if (NS4) {
    getElement("id", "Nav").visibility = "hide";
  } else {
    getElement("id", "Nav").style.visibility = "hidden";
  }
}

function handleMove (ev) {
  if (!ev)
    ev = window.event;
  var mausposition = ev.pageX ? ev.pageX : ev.clientX;
  if (mausposition < 20) {
      Menue();
  } else {
    if (mausposition > 250) {
      noMenue();
    }
  }
}

function Event_init () {
  if (document.addEventListener) {
    document.addEventListener("mousemove", handleMove, true);
  } else {
    if (NS4) {
      document.captureEvents(Event.MOUSEMOVE);
      document.onmousemove = handleMove;
    } else {
      document.body.onmousemove = handleMove;
    }
  }
  if (OP) {
    NavLinksPos = 42; // Position des Bereiches NavLinks
    getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
  }
}
</script>
<style type="text/css">
body { color:black; background-color:white; background-image:url(navigation_back.gif);
  margin:0; padding:20px 50px; font-family:Tahoma,sans-serif; }
#Nav { position:absolute; top:50px; left:0; visibility:hidden; }
#NavLinks { position:absolute; top:42px; left:42px; }
#Nav a:link {color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:visited { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:hover { color:#FFFFFF; background-color:#000080; font-weight:bold;
  font-size:13px; text-decoration:none; }
#Nav a:active { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
</style>

<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$overview_headerinclude}
</head>
<body onload="Event_init()">
<div id="Nav">
<img src="navigation.gif" width="250" height="450" border="0" alt="">
<div id="NavLinks">
  <a href="http://de.selfhtml.org/">SELFHTML</a><br>
  <a href="http://aktuell.de.selfhtml.org/">SELFHTML aktuell</a><br>
  <a href="http://forum.de.selfhtml.org/">SELFHTML-Forum</a><br>
  <a href="http://aktuell.de.selfhtml.org/artikel/">Artikel</a><br>
</div>
</div>

{$header}
{$overview}
{$eventstop}
{$forums}

{$boardstats}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<tr>
<td><img src="{$theme['imgdir']}/tablesmall/thead_l.png" alt="" /></td>
<td class="thead3"></td>
<td><img src="{$theme['imgdir']}/tablesmall/thead_r.png" alt="" /></td>
</tr>
</table>
<table cellpadding="0" cellspacing="1" class="border" width="100%" align="center">
<iframe src="shoutbox.php" width=100% height=350 frameborder="0" name="Shout" marginwidth="0" marginheight="0" align="top" border="0" allowTransparency="true"></iframe>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1" align="center"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /> <span class="smalltext">{$lang->new_posts}</span></td>
<td class="trow1" align="center"><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /> <span class="smalltext">{$lang->no_new_posts}</span></td>
<td class="trow1" align="center"><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" style="vertical-align: middle;" /> <span class="smalltext">{$lang->forum_locked}</span></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tablesmall/tfoot_l.png" alt="" /></td>
<td class="tfoot3"></td>
<td><img src="{$theme['imgdir']}/tablesmall/tfoot_r.png" alt="" /></td>
</tr>
</table>
{$footer}
{$overview_body}
</body>
</html>