+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Sonstiges (https://www.mybb.de/forum/forum-1.html)
+--- Forum: Programmierung (https://www.mybb.de/forum/forum-32.html)
+--- Thema: Eigene Navi (/thread-10003.html)
Seiten: Seiten:
1
2
Eigene Navi - wWs - 24.07.2008
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
RE: Eigene Navi - StefanT - 24.07.2008
Du kannst den Code einfach in die entsprechenden Templates schreiben (portal, index,...).
RE: Eigene Navi - ows - 24.07.2008
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.
RE: Eigene Navi - wWs - 24.07.2008
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
RE: Eigene Navi - Kenny - 24.07.2008
Doch, das schon. Aber wenn jemand JavaScript in seinem Browser ausgeschaltet hat, sieht er keine Navigationleiste!
Ist also eher eine suboptimale Lösung.
RE: Eigene Navi - wWs - 24.07.2008
Aso ok dann scheint das bei mir der Fall zu sein
Hat jemand eine andere Lösund dieser Art?
RE: Eigene Navi - StefanT - 24.07.2008
Poaste mal einen Link. Der Code müsste ja funktionieren.
RE: Eigene Navi - wWs - 24.07.2008
Hier:
http://phoenix-jonglage.bplaced.net/forum/index.php
die Breite von meinem Forum wird aber sehr klein gemacht?
RE: Eigene Navi - StefanT - 24.07.2008
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>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>RE: Eigene Navi - wWs - 24.07.2008
<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>