Navigationsmenü mit NAMO 5

Dieses Thema Navigationsmenü mit NAMO 5 im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von MrOizo, 6. Jan. 2004.

Thema: Navigationsmenü mit NAMO 5 Hallo! Vielleicht könnt Ihr mir helfen. Ich will mir und meiner Freundin eine Homepage basteln. Für diese Sache...

  1. 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. 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!!!
     
Die Seite wird geladen...

Navigationsmenü mit NAMO 5 - Ähnliche Themen

Forum Datum
Monopoly-Satire: Gehe direkt nach Guantanamo Windows XP Forum 20. März 2006