Navigationsmenü mit NAMO 5

  • #1
M

MrOizo

Bekanntes Mitglied
Themenersteller
Dabei seit
03.07.2002
Beiträge
104
Reaktionspunkte
0
Ort
Emden
Hallo!

Vielleicht könnt Ihr mir helfen. Ich will mir und meiner Freundin eine Homepage basteln. Für diese Sache habe ich Namo gefunden. Mir gefällt das Prog eigentlic sehr gut.

Aber bei dem Navigationsmenü hab ich Probleme.

Ich wollte über den Script-Wizzard ein Navi-Menü erstellen. Das klappt eigentlich ganz gut. Aber als ich auf Fertigstellen geklickt habe, hat Namo in der 1. Zeile ein kleines Symbol erstellt welches der Navi kein stück ähnlich sieht. Wenn ich da doppelt drauf klicke, erscheint ein Fenster Ebenen - Eigenschaften. Wenn ich dann in die Vorschauansicht gehe kann ich mitten auf der Seite mein Menü finden.

Wie bekomme ich das ganze so hin, dass ich in der Bearbeiten-Ansicht die Navi sehen kann? Und wie richte ich das Ding aus?

Ich hoffe Ihr könnt mir helfen. Vielen Dank für Eure Tipps!!!
 
  • #2
Hallo!

Habe es nochmal versucht... jetzt ist neben dem oben beschriebenen Symbol weiter unten ein kleines durchsichiges Rechteck aufgetaucht. Man kann nur den Rahmen sehen... In der Vorschau kann ich die Navileiste sehen, aber sie ist mitten auf der Seite.

Aber ich kann die Navi Leiste in meinem Browser nicht sehen. (Mozilla-Firebird 0.7)

Bitte um Tipps...

Vielen Dank!
 
  • #3
Du könntest das script ja mal in eine Tabelle Positionieren.
Zu Mozilla, Javascript aktivieren.
 
  • #4
Hallo!

Das habe ich sowieso schon versucht... aber es klappt nicht. Javascript ist aktiviert...

Keine Ahnung warum das nicht geht...
 
  • #5
MrOizo schrieb:
Keine Ahnung warum das nicht geht...
Zum Vergrößern anklicken....

Wenn du keine hast, hab ich erst recht keine denn den Quelltext hast ja nur du vor Augen.
Wär vieleicht hilfreich wenn du ihn hier mal reinkopierst.
Sazu klickst du beim Antworten oben auf das # Symbol und kopierst den Quelltext zwischen die beiden Klammern. [ code] dein quelltext [ /code]
 
  • #6
Hier der Quelltext:
Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<script language=JavaScript>
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor) {
  this.additem = namosw_l_additem;
  this.addlist = namosw_l_addlist;
  this.make    = namosw_l_make;
  this.write   = namosw_l_write;
  this.show    = namosw_l_show;
  this.update  = namosw_l_update;
  this.updateparent = namosw_l_updateparent;
  this.items = new Array();
  this.id = document.namosw_lists.length;
  this.parent_id = 0;
  this.x = 0;
  this.y = 0;
  this.visible = visible;
  this.width    = width;
  this.height   = height;
  this.parent   = parent;
  this.indent = indent;
  this.bgColor  = bgColor;
  this.hbgColor = hbgColor;

  this.font_start =->';
  this.font_end   =->';

  this.font_start =-><font color=' + fgColor;
  if (font !=->') this.font_start +=-> face=\' + font +->\';
  if (size !=->' && size.indexOf('pt', 0) == -1) this.font_start +=-> size=' + size;
  this.font_start +=->>';
  if (size.indexOf('pt', 0) != -1) {
    this.font_start +=-><span style=font-size:' +size+->;>';
    this.font_end    =-></span>';
  }
  this.font_end +=-></font>';

  this.made     = false;
  this.shown    = false;
  document.namosw_lists[document.namosw_lists.length] = this;
}

function namosw_l_setclip(layer, left, right, top, bottom) {
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    layer.clip.left   = left; 
    layer.clip.right  = right;
    layer.clip.top    = top;  
    layer.clip.bottom = bottom;
  } else {    
    layer.style.pixelWidth  = right-left;
    layer.style.pixelHeight = bottom-top;
    layer.style.clip  = rect( + top + , + right + , + bottom + , + left + );
  }
}

function namosw_l_write() {
  var layer, clip, str;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer.visibility = hidden;
    else 
      layer.style.visibility = hidden;
    str = ;

    str += <table width=+this.width+ nowrap border='0' cellpadding='0' cellspacing='0'><tr>;
    if (0 < this.indent) str += <td width=+this.indent+ nowrap> </td>;
    if (layer.type ==->list') {
      str += <td width=15  valign='middle' nowrap><a;
      if (navigator.appName.indexOf('Netscape', 0) != -1) str +=  href=\javascript:void(0);\;
      else                                                str +=  style=\cursor:hand;\;
      str +=  onclick=\namosw_l_expand(+layer.list.id+);\><img src=\collapsed.gif\ name=\_img+layer.list.id+\ border='0'></a></td>;
    } else {
      str += <td width=15 nowrap> </td>;
    }
    str += <td height=+(this.height-3)+ width=+(this.width-15-this.indent)+ valign='middle' align='left'>;

    if (layer.url)       str += <a href=\ + layer.url + \ target=\ + layer.frame + \ style=\text-decoration:none;\>;
    if (this.font_start) str += this.font_start;
    str += layer.text;
    if (this.font_end) str += this.font_end;
    if (layer.url)       str += </a>;

    str += </td></table>;

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
    }
    if (layer.type ==->list' && layer.list.visible)
      this.items[i].list.write();
  }
  this.made = true;
}

function namosw_l_show() {
  var layer;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
      else layer.document.bgColor = this.bgColor;
    } else {
      if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
      else layer.style.backgroundColor = this.bgColor;
    }
    if (layer.type ==->list' && layer.list.visible)
      layer.list.show();
  }
  this.shown = true;
}

function namosw_l_update(parent_visible, x, y) {
  var top = y, layer, list;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    list  = layer.list;
    if (this.visible && parent_visible) {
      if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.visibility = visible;
layer.top = top;
layer.left = x;
      } else {
layer.style.visibility = visible;
layer.style.pixelTop   = top;
layer.style.pixelLeft  = x;
//if (layer.url) layer.style.cursor = hand;
      }
      top += this.height;
    } else {
      if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = hidden;
      else layer.style.visibility = hidden;
    }
    if (layer.type ==->list') {
      if (list.visible) {
        if (!list.made)  list.write();
        if (!list.shown) list.show();
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = collapsed.gif;
else eval('document.images._img'+list.id+'.src = collapsed.gif');
      } else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = expanded.gif;
else eval('document.images._img'+list.id+'.src = expanded.gif');
      }
      if (list.made)
        top = list.update(this.visible && parent_visible, x, top);
    }
  }
  return top;
}

function namosw_l_updateparent(parent_id) {
  this.parent_id = parent_id;
  for(var i = 0; i < this.items.length; i++)
    if (this.items[i].type ==->list')
      this.items[i].list.updateparent(parent_id);
}

function namosw_l_expand(i) {
  document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
  list = document.namosw_lists[document.namosw_lists[i].parent_id];
  list.update(true, list.x, list.y);
}

function namosw_l_make(x, y) {
  this.updateparent(this.id);
  this.write();
  this.show();
  this.update(true, x, y);
  this.x = x; 
  this.y = y;
}

function namosw_l_additem(text, url, frame) {
  var layer = null;
  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = _ + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.type =->item';
  layer.text = text;
  this.items[this.items.length] = layer;
  if (this.hbgColor) layer.hbgColor = this.hbgColor;
  if (this.bgColor)  layer.oBgColor = this.bgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_addlist(list, text, url, frame) {
  var layer = null;

  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = _ + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.list = list;
  layer.type =->list';
  layer.text = text;
  this.items[this.items.length] = layer;
  list.parent = this;
  if (this.hbgColor) layer.hbgColor = this.hbgColor;
  if (this.bgColor)  layer.oBgColor = this.bgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_onmouseover()
{
  if (this.hbgColor) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      this.bgColor = this.hbgColor;
    else
      this.style.backgroundColor = this.hbgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (this.hbgColor) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      this.bgColor = this.oBgColor;
    else 
      this.style.backgroundColor = this.oBgColor;
  }
  if (this.url) self.status =->';
}

function namosw_l_onmouseup()
{
  if (this.url) {
    if (this.frame ==->blank') {
      window.open(this.url,->win1');
    } else {
      var frame_obj;
      if ((frame_obj = eval(this.frame)) != null)
        frame_obj.location = this.url;
    }
  }
}

function namosw_init_list(top_layer)
{
  if (parseInt(navigator.appVersion) < 4)
    return;
  if (top_layer ==->')
    return;

  document.namosw_lists     = new Array();
  document.namosw_lists.lid = 0;

  var layer;
  if (navigator.appName.indexOf('Netscape', 0) != -1)
    layer = document.layers[top_layer];
  else
    layer = document.all[top_layer];

  var string = ;
  for (i = 0; i < 4; i++) {
    string = string + <div id='namoswlistitem + (document.namosw_lists.lid+i) +->  +
                      style='position: absolute;'></div>;
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 141, 25,->Arial',->3',->#CD64B8',->black', 0);
    l2 = new namosw_list(layer, false, 141, 25,->Arial',->3',->#CD64B8',->black', 0);
    l2.additem('Julia',->Steckbrief_J.htm',->self');
    l2.additem('Stephen',->Steckbrief_S.htm',->self');
  l1.addlist(l2,->über uns',->',->self');

  l1.make(0, 14);
}

function namosw_ns_resize()
{
  window.history.go(0);
}

// -->
</script>
</head>

<body bgcolor=#000099 OnLoad=namosw_init_list('layer1'); OnResize=namosw_ns_resize();>
<p style=text-align:left; width:100%;> </p>
<div id=layer1 style=border-width:1px; border-style:none; width:141px; height:200px; position:absolute; left:10px; top:268px; z-index:1;>
    <p> </p>
</div>

<table height=162 border=0 cellpadding=0 cellspacing=0 style=text-align: left; width: 100%; width=100% >
  <caption> 
  </caption>
  <tr> 
    <td width=14% height=140 style=vertical-align: top;><img src=maus.gif alt=Maus hspace=10 style=width: 121px; height: 78px; title= height=78 width=121 align=LEFT> </td>
    <td width=65% style=vertical-align: top; font-weight: bold; font-family: arial; color: rgb(153, 0, 255); height=140><h1 align=center><font size=6 face=Arial, Helvetica, sans-serif>HERZLICH 
        WILLKOMMEN AUF UNSERER HOMEPAGE!!!</font></h1>
</td>
    <td width=21% style=vertical-align: top; height=140> <div align=center><br>
        <img src=augen.gif alt=augen width=176 height=72 style=width: 176px; height: 72px; title= > 
      </div></td>
  </tr>
</table>
<table cellpadding=0 cellspacing=0 width=100% height=0%>
    <tr>
        <td width=141><p align=center> </p>
        </td>
        <td width=81%>
            <p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>*einfröhlichesHalloindieRundewerf*</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Wir 
freuen uns, dass ihr zu unserer Seite gefunden habt!</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Diese 
Homepage handelt von uns, unseren Hobbys und ihr findet einige Tipps in verschiedenen 
Bereichen.</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Dann 
haben wir noch ein Gästebuch eingerichtet, in dem ihr euch verewigen könnt!:-)</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Wenn 
ihr uns persönlich schreiben wollt, schreibt uns einfach per E-Mail.</span></font></b></p>
<p align=left style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:14pt;>Jetzt 
wünschen wir euch noch viel Spaß auf unserer Homepage! </span><span style=font-size:12pt;>*Knabberzeugundwaszutrinkenhinstell*</span></font></b></p>
<p align=left style=margin-left:5;><span style=font-size:12pt;> </span></p>
<p align=center><span style=font-size:22pt;><font face=Bookman Old Style color=#9933FF><b>Die 
Mäuse Julia und Stephen</b></font></span></p>
        </td>
    </tr>
</table>
<p align=center> </p>
</body>
</html>

Ich hoffe das hilft...
 
  • #7
Hier der geänderte Quelltext, ich hoffe das ich dein Anliegen richtig verstanden hab.

Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<script language=JavaScript>
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor) {
  this.additem = namosw_l_additem;
  this.addlist = namosw_l_addlist;
  this.make    = namosw_l_make;
  this.write   = namosw_l_write;
  this.show    = namosw_l_show;
  this.update  = namosw_l_update;
  this.updateparent = namosw_l_updateparent;
  this.items = new Array();
  this.id = document.namosw_lists.length;
  this.parent_id = 0;
  this.x = 0;
  this.y = 0;
  this.visible = visible;
  this.width    = width;
  this.height   = height;
  this.parent   = parent;
  this.indent = indent;
  this.bgColor  = bgColor;
  this.hbgColor = hbgColor;

  this.font_start =->';
  this.font_end   =->';

  this.font_start =-><font color=' + fgColor;
  if (font !=->') this.font_start +=-> face=\' + font +->\';
  if (size !=->' && size.indexOf('pt', 0) == -1) this.font_start +=-> size=' + size;
  this.font_start +=->>';
  if (size.indexOf('pt', 0) != -1) {
    this.font_start +=-><span style=font-size:' +size+->;>';
    this.font_end    =-></span>';
  }
  this.font_end +=-></font>';

  this.made     = false;
  this.shown    = false;
  document.namosw_lists[document.namosw_lists.length] = this;
}

function namosw_l_setclip(layer, left, right, top, bottom) {
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    layer.clip.left   = left; 
    layer.clip.right  = right;
    layer.clip.top    = top;  
    layer.clip.bottom = bottom;
  } else {    
    layer.style.pixelWidth  = right-left;
    layer.style.pixelHeight = bottom-top;
    layer.style.clip  = rect( + top + , + right + , + bottom + , + left + );
  }
}

function namosw_l_write() {
  var layer, clip, str;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer.visibility = hidden;
    else 
      layer.style.visibility = hidden;
    str = ;

    str += <table width=+this.width+ nowrap border='0' cellpadding='0' cellspacing='0'><tr>;
    if (0 < this.indent) str += <td width=+this.indent+ nowrap> </td>;
    if (layer.type ==->list') {
      str += <td width=15  valign='middle' nowrap><a;
      if (navigator.appName.indexOf('Netscape', 0) != -1) str +=  href=\javascript:void(0);\;
      else                                                str +=  style=\cursor:hand;\;
      str +=  onclick=\namosw_l_expand(+layer.list.id+);\><img src=\collapsed.gif\ name=\_img+layer.list.id+\ border='0'></a></td>;
    } else {
      str += <td width=15 nowrap> </td>;
    }
    str += <td height=+(this.height-3)+ width=+(this.width-15-this.indent)+ valign='middle' align='left'>;

    if (layer.url)       str += <a href=\ + layer.url + \ target=\ + layer.frame + \ style=\text-decoration:none;\>;
    if (this.font_start) str += this.font_start;
    str += layer.text;
    if (this.font_end) str += this.font_end;
    if (layer.url)       str += </a>;

    str += </td></table>;

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
    }
    if (layer.type ==->list' && layer.list.visible)
      this.items[i].list.write();
  }
  this.made = true;
}

function namosw_l_show() {
  var layer;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
      else layer.document.bgColor = this.bgColor;
    } else {
      if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
      else layer.style.backgroundColor = this.bgColor;
    }
    if (layer.type ==->list' && layer.list.visible)
      layer.list.show();
  }
  this.shown = true;
}

function namosw_l_update(parent_visible, x, y) {
  var top = y, layer, list;
  for(var i = 0; i < this.items.length; i++) { 
    layer = this.items[i];
    list  = layer.list;
    if (this.visible && parent_visible) {
      if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.visibility = visible;
layer.top = top;
layer.left = x;
      } else {
layer.style.visibility = visible;
layer.style.pixelTop   = top;
layer.style.pixelLeft  = x;
//if (layer.url) layer.style.cursor = hand;
      }
      top += this.height;
    } else {
      if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = hidden;
      else layer.style.visibility = hidden;
    }
    if (layer.type ==->list') {
      if (list.visible) {
        if (!list.made)  list.write();
        if (!list.shown) list.show();
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = collapsed.gif;
else eval('document.images._img'+list.id+'.src = collapsed.gif');
      } else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = expanded.gif;
else eval('document.images._img'+list.id+'.src = expanded.gif');
      }
      if (list.made)
        top = list.update(this.visible && parent_visible, x, top);
    }
  }
  return top;
}

function namosw_l_updateparent(parent_id) {
  this.parent_id = parent_id;
  for(var i = 0; i < this.items.length; i++)
    if (this.items[i].type ==->list')
      this.items[i].list.updateparent(parent_id);
}

function namosw_l_expand(i) {
  document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
  list = document.namosw_lists[document.namosw_lists[i].parent_id];
  list.update(true, list.x, list.y);
}

function namosw_l_make(x, y) {
  this.updateparent(this.id);
  this.write();
  this.show();
  this.update(true, x, y);
  this.x = x; 
  this.y = y;
}

function namosw_l_additem(text, url, frame) {
  var layer = null;
  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = _ + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.type =->item';
  layer.text = text;
  this.items[this.items.length] = layer;
  if (this.hbgColor) layer.hbgColor = this.hbgColor;
  if (this.bgColor)  layer.oBgColor = this.bgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_addlist(list, text, url, frame) {
  var layer = null;

  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = _ + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.list = list;
  layer.type =->list';
  layer.text = text;
  this.items[this.items.length] = layer;
  list.parent = this;
  if (this.hbgColor) layer.hbgColor = this.hbgColor;
  if (this.bgColor)  layer.oBgColor = this.bgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_onmouseover()
{
  if (this.hbgColor) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      this.bgColor = this.hbgColor;
    else
      this.style.backgroundColor = this.hbgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (this.hbgColor) {
    if (navigator.appName.indexOf('Netscape', 0) != -1) 
      this.bgColor = this.oBgColor;
    else 
      this.style.backgroundColor = this.oBgColor;
  }
  if (this.url) self.status =->';
}

function namosw_l_onmouseup()
{
  if (this.url) {
    if (this.frame ==->blank') {
      window.open(this.url,->win1');
    } else {
      var frame_obj;
      if ((frame_obj = eval(this.frame)) != null)
        frame_obj.location = this.url;
    }
  }
}

function namosw_init_list(top_layer)
{
  if (parseInt(navigator.appVersion) < 4)
    return;
  if (top_layer ==->')
    return;

  document.namosw_lists     = new Array();
  document.namosw_lists.lid = 0;

  var layer;
  if (navigator.appName.indexOf('Netscape', 0) != -1)
    layer = document.layers[top_layer];
  else
    layer = document.all[top_layer];

  var string = ;
  for (i = 0; i < 4; i++) {
    string = string + <div id='namoswlistitem + (document.namosw_lists.lid+i) +->  +
                      style='position: absolute;'></div>;
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 141, 25,->Arial',->3',->#CD64B8',->black', 0);
    l2 = new namosw_list(layer, false, 141, 25,->Arial',->3',->#CD64B8',->black', 0);
    l2.additem('Julia',->Steckbrief_J.htm',->self');
    l2.additem('Stephen',->Steckbrief_S.htm',->self');
  l1.addlist(l2,->über uns',->',->self');

  l1.make(0, 14);
}

function namosw_ns_resize()
{
  window.history.go(0);
}

// -->
</script>
</head>

<body bgcolor=#000099 OnLoad=namosw_init_list('layer1'); OnResize=namosw_ns_resize();>
<p style=text-align:left; width:100%;></p>
<div id=layer1 style=border-width:1px; border-style:none; width:141px; height:361px; position:absolute; left:14px; top:151px; z-index:1;>
    <p></p>
</div>
<table height=162 border=0 cellpadding=0 cellspacing=0 style=text-align: left; width: 100%; width=100% >
  <caption>
  </caption>
  <tr>
    <td width=14% height=140 style=vertical-align: top;><img src=maus.gif alt=Maus hspace=10 style=width: 121px; height: 78px; title= height=78 width=121 align=LEFT></td>
    <td width=65% style=vertical-align: top; font-weight: bold; font-family: arial; color: rgb(153, 0, 255); height=140><h1 align=center><font size=6 face=Arial, Helvetica, sans-serif>HERZLICH
        WILLKOMMEN AUF UNSERER HOMEPAGE!!!</font></h1>
</td>
    <td width=21% style=vertical-align: top; height=140> <div align=center><br>
        <img src=augen.gif alt=augen width=176 height=72 style=width: 176px; height: 72px; title= >
      </div></td>
  </tr>
</table>
<table cellpadding=0 cellspacing=0 width=100% height=0%>
    <tr>
        <td width=141><p align=center></p>
        </td>
        <td width=81%>
            <p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>*einfröhlichesHalloindieRundewerf*</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Wir
freuen uns, dass ihr zu unserer Seite gefunden habt!</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Diese
Homepage handelt von uns, unseren Hobbys und ihr findet einige Tipps in verschiedenen
Bereichen.</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Dann
haben wir noch ein Gästebuch eingerichtet, in dem ihr euch verewigen könnt!:-)</span></font></b></p>
<p style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:12pt;>Wenn
ihr uns persönlich schreiben wollt, schreibt uns einfach per E-Mail.</span></font></b></p>
<p align=left style=margin-left:5;><b><font color=#9933FF face=Bookman Old Style><span style=font-size:14pt;>Jetzt
wünschen wir euch noch viel Spaß auf unserer Homepage! </span><span style=font-size:12pt;>*Knabberzeugundwaszutrinkenhinstell*</span></font></b></p>
<p align=left style=margin-left:5;></p>
<p align=center><span style=font-size:22pt;><font face=Bookman Old Style color=#9933FF><b>Die
Mäuse Julia und Stephen</b></font></span></p>
        </td>
    </tr>
</table>
<p align=center></p>
</body>
</html>
 
  • #8
Hallo!

hat leider so nicht geklappt. Die Navigationsleiste wird in der Vorschau angezeigt, aber in meinem Browser (Mozilla Firebird 0.7) nicht.

Was muß ich ändern, damit alles korrekt dargestellt wird?

Bitte helft mir.. Ich bin bald am verzweifeln!!!
 
Thema:

Navigationsmenü mit NAMO 5

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben