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
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
Heißt das ich kann das erst gar nicht Anwenden?
@Dragon
Leider klappt das nicht
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
Hat jemand eine andere Lösund dieser Art?
Poaste mal einen Link. Der Code müsste ja funktionieren.
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ü wieder wegzubekommen, Maus wieder zum rechten Fensterrand bewegen.</p>
<p>Und jetzt kommen noch etliche leere Absätze, damit auch sichtbar wird,
dass das Menü immer an der gleichen Stelle angezeigt wird, egal wie weit man scrollt.</p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p>Na, das dü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=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>