MyBB.de Forum

Normale Version: Eigene Navi
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
Hey komme damit nicht klar.
Kann mir jemand helfen?
Beispiel

Die Navi sollte im Forum und im Portal zu sehen sein.
Und auf den Seiten die ich mit dem Costum Plugin erstellt habe.

Es wäre Super wenn mir jemand hilft Wink

Gruß Oli
Du kannst den Code einfach in die entsprechenden Templates schreiben (portal, index,...).
Hoffentlich hast Du auch das gelesen und beachtest es:

SelfHTML schrieb:... Seien Sie sich auch im Klaren darüber, dass Anwender mit nicht DHTML-fähigen Browsern oder deaktiviertem JavaScript so wie das Beispiel oben notiert ist überhaupt keine Möglichkeit zur Navigation haben.
Ich habe mir das durchgelesen nur da ich das nicht alles verstehe brauche ich ja Hilfe Wink

Heißt das ich kann das erst gar nicht Anwenden?

@Dragon
Leider klappt das nicht

Kenny

Doch, das schon. Aber wenn jemand JavaScript in seinem Browser ausgeschaltet hat, sieht er keine Navigationleiste!

Ist also eher eine suboptimale Lösung.
Aso ok dann scheint das bei mir der Fall zu sein Sad

Hat jemand eine andere Lösund dieser Art?
Poaste mal einen Link. Der Code müsste ja funktionieren.
Hier:
http://phoenix-jonglage.bplaced.net/forum/index.php

die Breite von meinem Forum wird aber sehr klein gemacht?
Füge das nach "<head>" ein:
Code:
<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>
Ersetze "<body>" mit:
Code:
<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>

<h1>Die Seite mit der pfiffigen Navigation</h1>

<p>Einfach mit die Maus Richtung linken Fensterrand bewegen.
Um das Men&uuml; wieder wegzubekommen, Maus wieder zum rechten Fensterrand bewegen.</p>

<p>Und jetzt kommen noch etliche leere Abs&auml;tze, damit auch sichtbar wird,
dass das Men&uuml; immer an der gleichen Stelle angezeigt wird, egal wie weit man scrollt.</p>

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>

<p>Na, das d&uuml;rfte reichen :-)</p>
<body> finde ich hier nicht?


PHP-Code:
<html>
<
head>
[
color=#FF0000]hier kommt der erste code rein[/color]
<title>{$mybb->settings['bbname']}</title>
{
$headerinclude}
{
$overview_headerinclude}
</
head>
<
body{$overview_body_onload}>
{
$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=100height=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
Seiten: 1 2