묻고답하기

  2. Support
  3. 묻고답하기

나모 스크립트 마법사에 있는걸 소스로 변환 &홈피 관련 질문도..

2003.11.03 12:16

김영서

나모에디터 스크립트 마법사로 만든 메뉴입니다.
아래 소스가 반드시 레이어로 되야 되는거 같은데,
이걸 그냥 소스로 쓸 수 없을까요?
고정시켜 버리게요.

http://kys1030.natoo.net/Korean/main.php

사이트 주소고요,
그냥 공부하느라 돌아다니다 찾아본 사이트 한번 따라 해 보는 중이랍니다.

아래 주소만 넣고 실행시키면 안보여지네요.
아마 레이어가 없어서 안되는거 같은데,
아래 레이어 OnLoad="namosw_init_list('menu');"  이 부분이 그렇게 레이어를 로드 시키는거 가타요.
제가 레이어 이름을 menu 라구 했거든요.
레이어로 하면, 다른 언어의 컴퓨터로 보면 약간 빗나가는 현상이 생기길레,
구지 소스를 원합니다.

나모인터렉티브 사에서 이미 카피라이트 되어 있는건가요 ?? 그래도 좀 -_-;;

부탁 드립니다.

그리고 아래 홈피 관련 질문도 있으니 꼭 봐 주세요. 감사합니다 ^-^


------------------------------- 다음 자바 소스 ------------------------


<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
  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.fgColor = fgColor;
  this.hfgColor = hfgColor;
  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 += '>';

  this.font_start += '<span';
  if (size.indexOf('pt', 0) != -1)
    this.font_start += ' style="font-size:' +size+ ';"';
  this.font_start += '>';

  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>";

    str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
      layer.span = document.all['namoswlistspan'+ '+layer.lid];
    }
    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;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  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;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  list.parent = this;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  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 (navigator.appName.indexOf('Netscape', 0) != -1) {
    if (this.hbgColor)
      this.bgColor = this.hbgColor;
  } else {
    if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
    if (this.hfgColor) this.span.style.color = this.hfgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    this.bgColor = this.oBgColor;
  } else  {
    this.style.backgroundColor = this.oBgColor;
    this.span.style.color = this.fgColor;
  }
  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 < 26; i++) {
    string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
                      "style='position: absolute;'+ '></div>";
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 171, 22, '+ 'Arial', '1', 'black', 'gray', 0);
    l2 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l2.additem('Main', '', 'self');
    l2.additem('About Me', '', 'self');
    l2.additem('+ 'About Homepage', '', 'self');
    l2.additem('Lisence', '', 'self');
    l2.additem('E-Mail', '', 'self');
  l1.addlist(l2, 'Home', '', 'self');
    l3 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l3.additem('Diary', '', 'self');
      l4 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '#E4E4E4', 0, 'white');
      l4.additem('Korea', '', 'self');
      l4.additem('America', '', 'self');
      l4.additem('Canada', '', 'self');
    l3.addlist(l4, 'Gallary', '', 'self');
    l3.additem('Stories', '', 'self');
    l3.additem('Information', '', 'self'+ ');
    l3.additem('BBS', '', 'self');
    l3.additem('QnA', '', 'self');
  l1.addlist(l3, 'Study Aborad', '', 'self');
    l5 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l5.additem('Programing', '', 'self');
    l5.additem('Web Design', '', 'self');
    l5.additem('Web Programing', '', 'self');
    l5.additem('Hacking', '', 'self');
    l5.additem('Operation System', '', 'self'+ ');
  l1.addlist(l5, 'Computer', '', 'self');
  l1.additem('Link Site', '', 'self');
  l1.additem('Guest Book', '', 'self');
  l1.additem('Site Map', '', 'self');

  l1.make(0, 14);
}

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

// -->
</script>
    </head>
    <body text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="namosw_init_list('menu');" OnResize="namosw_ns_resize();">
<div id="menu" style="border-width:1px; border-style:none; width:171px; height:189px; position:absolute; left:79px; top:83px; z-index:1;">
    <p> </p>
</div>




--------------------------------------자바 소스 끝 -----------------------------------------------




혹시 몰라 홈페이지 소스도 같이 올려봅니다.

그리고 오른쪽 아래 빈 공간은, 보드가 올 자린데, 도저히 감이 안잡히네요 -_-;;

몇몇 분들은 게시판 설정가서 위에와 아래에 소스를 넣으면 한다고 하시지만 -_-;;

왼쪽 로그인과 메뉴는 그러 어케 되는건지 모르곘군요..





--------------------------------------- 홈피 소스 시작 --------------------------------------------



<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=euc-kr">
        <title>Welcome to the Young-Seo's HomePage</title>
        <meta name="generator" content="Namo WebEditor v5.0">
<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
  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.fgColor = fgColor;
  this.hfgColor = hfgColor;
  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 += '>';

  this.font_start += '<span';
  if (size.indexOf('+ 'pt', 0) != -1)
    this.font_start += ' style="font-size:' +size+ ';"';
  this.font_start += '+ '>';

  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>";

    str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
      layer.span = document.all['namoswlistspan'+layer.lid];
    }
    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;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  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;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  list.parent = this;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  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 (navigator.appName.indexOf('Netscape', 0) != -1) {
    if (this.hbgColor)
      this.bgColor = this.hbgColor;
  } else {
    if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
    if (this.hfgColor) this.span.style.color = this.hfgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    this.bgColor = this.oBgColor;
  } else  {
    this.style.backgroundColor = this.oBgColor;
    this.span.style.color = this.fgColor;
  }
  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 < 26; i++) {
    string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
                      "style='position: absolute;'></div>";
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 171, 22, 'Arial', '1', 'black', 'gray', 0);
    l2 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l2.additem('Main', '', 'self');
    l2.additem('About Me', '', 'self');
    l2.additem('About Homepage', '', 'self');
    l2.additem('Lisence', '', 'self');
    l2.additem('E-Mail', '', 'self');
  l1.addlist(l2, 'Home', '', 'self');
    l3 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l3.additem('Diary', '', 'self');
      l4 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '#E4E4E4', 0, 'white');
      l4.additem('Korea', '', 'self');
      l4.additem('+ 'America', '', 'self'+ ');
      l4.additem('Canada', '', 'self');
    l3.addlist(l4, 'Gallary', '', 'self');
    l3.additem('Stories', '', 'self');
    l3.additem('Information', '', 'self');
    l3.additem('BBS', '', 'self');
    l3.additem('QnA', '', 'self');
  l1.addlist(l3, 'Study Aborad', '', 'self');
    l5 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '+ 'silver', 0, 'white');
    l5.additem('Programing', '', 'self');
    l5.additem('+ 'Web Design', '', 'self');
    l5.additem('Web Programing', '', 'self');
    l5.additem('Hacking', '', 'self');
    l5.additem('Operation System', '', 'self');
  l1.addlist(l5, 'Computer', '', 'self');
  l1.additem('+ 'Link Site', '', 'self');
  l1.additem('Guest Book', '', 'self');
  l1.additem('Site Map', '', 'self');

  l1.make(0, 14);
}

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

// -->
</script>
    </head>
    <body bgcolor="#959595" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="namosw_init_list('menu');" OnResize="namosw_ns_resize();">
<p> </p>
<div id="menu" style="border-width:1px; border-style:none; width:171px; height:189px; position:absolute; left:102px; top:233px; z-index:1;">
    <p> </p>
</div>
        <table align="center" cellpadding="0" cellspacing="0" width="781" bgcolor="#E6E6E6">
            <tr>
                <td width="781" height="81" colspan="2">
                    <p align="center">
                        <img src="images/top.jpg" width="813" height="100" border="0">
                    </p>
                </td>
            </tr>
            <tr>
                <td width="781" height="1" colspan="2" bgcolor="black">
            <p align="center"> </p>
                </td>
            </tr>
            <tr>
                <td width="172" height="6" bgcolor="#313131">
                        <p align="center">
<?$_zb_url = "http://kys1030.natoo.net/bbs/";
$_zb_path = "/free/home/kys1030/html/bbs/";
include $_zb_path."outlogin.php";
?><?print_outlogin("outlogin", 10, 10) ?>
                        </p>
                </td>
                <td width="609" height="421" bgcolor="#E6E6E6" rowspan="2">
            <p align="center">  </p>
                </td>
            </tr>
            <tr>
                <td width="172" height="403" bgcolor="#E6E6E6">
            <p> </p>
                </td>
            </tr>
        </table>

<p align="center"><font size="2" color="white">Copyright ⓒ 2003 Young-Seo Kim.
            All Right Reserved.</font></p>
<p align="center"> </p>

</body>
</html>


    <SCRIPT type=text/javascript>
        var ie5=window.createPopup
        
        if (ie5)
        document.oncontextmenu=init;
        var eyesys="";
        var preitem="";
        function init(){
        mx=event.clientX;
        my=event.clientY;
        menx=window.screenLeft+mx;
        meny=window.screenTop+my;
        sysmen=window.createPopup();
        sysmen.document.write(eyesys);
        sysmen.show(menx,meny,eyesys_width,document.getElementById('men').offsetHeight);
        return false
        };
        function eyesys_init(){
        if (ie5){
        eyesys+=("<style type='text/css'>.textul{position:absolute;top:0px;color:"+eyesys_titletext+";writing-mode:        tb-rl;padding-top:10px;filter: flipH() flipV();z-Index:10;width:100%;height:100%;font: bold 12px sans-serif}.gradientul{position:relative;top:0px;left:0px;width:100%;background-color:"+eyesys_titlecol2+";height:100%;z-Index:9;FILTER: alpha( style=1,opacity=0,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=100)}.contra{background-color:"+eyesys_titlecol1+";border:1px inset "+eyesys_bg+";height:98%;width:18px;z-Index:8;top:0px;left:0px;margin:2px;position:absolute;}.men{position:absolute;top:0px;left:0px;padding-left:18px;background-color:"+eyesys_bg+";border:2px outset "+eyesys_bg+";z-Index:1;}.men a{margin:1px;cursor:default;padding-bottom:4px;padding-left:1px;padding-right:1px;padding-top:3px;text-decoration:none;height:100%;width:100%;color:"+eyesys_cl+";font:normal 12px sans-serif;}.men a:hover{background:"+eyesys_bgov+";color:"+eyesys_clov+";} BODY{overflow:hidden;border:0px;padding:0px;margin:0px;}.ico{border:none;float:left;}</style><div class='men'>")
        }
        };
        
        function eyesys_item(txt,ico,lnk){
        if (ie5){
        if(!ico)ico='s.gif';
        preitem+=("<a href='#' onmousedown='parent.window.location.href=""+lnk+""'><img src='./icon_imgs/"+ico+"' width='16' height='16' class='ico'> "+txt+"</a>")
        }
        };
        
        function eyesys_close(){
        if (ie5){
        eyesys+=preitem;
        eyesys+=("</div><div class='contra'><div class='gradientul'></div><div class='textul' id='titlu'>"+eyesys_title+"</div></div>");
        document.write("<div id='men' style='width:"+eyesys_width+"'></div>");
        document.getElementById('men').innerHTML=preitem
        }
        }
    </SCRIPT>

<SCRIPT type=text/javascript>
//타이틀 제목
eyesys_title="Menu"        
//타이틀 배경색
eyesys_titlecol1="#6B717B" //상단                        
eyesys_titlecol2="#FFFFFF" //하단                                
//타이틀 색
eyesys_titletext="#393939"                        
//메뉴의 배경색
eyesys_bg="#F7F5F7"                                
//마우스 오버 했을시 메뉴의 배경색
eyesys_bgov="#ECE8DF"                        
//메뉴의 폰트 색
eyesys_cl="#393939"                         
//마우스 오버 했을시 메뉴의 폰트색
eyesys_clov="#393939"         
//메뉴의 넓이
eyesys_width=160                
//메뉴의 선언 부분
eyesys_init()
//메뉴 선언의 문법 : eyesys_item(문구,아이콘,링크)
//만일 아이콘이 없으면  null로 하면된다.
eyesys_item('Home','','index.php') //<--- 경로는 절대경로나.. http://경로 해도 됨
eyesys_item('About Me',null,'me.php')
eyesys_item('Computer',null,'computer.php')
eyesys_item('Study Abroad',null,'studyabroad.php')
eyesys_item('Work',null,'work.php')
eyesys_item('Guest Book',null,'free.php')
eyesys_item('Site Map',null,'linksite.php') //<--- 요렇게 null 로 하면 아이콘 지정안해도 됨
eyesys_close()
</SCRIPT>




-------------------------------------- 홈피 소스 끝 -----------------------------------------------
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
글쓴이 블러그 쓰기 먹통  
글쓴이 관리자모드 진입시 악성코드가 실행되는 듯하네요. 해결방법좀  
velcc 설치후 레이아웃 적용을 하려고 했는데 적용이 안되요... file  
레모니s 도와주세요~! file  
IT_Man 데이터 이전 버튼이 작동을 안합니다.....  
글쓴이 textyle 이 뭔가요? [1] 2009.07.14 by 왜만지냐
글쓴이 관리자페이지 창이 안뜹니다 [2] 2009.07.14 by 글쓴이
글쓴이 왜 카페xe 전용 레이아웃은 하나바께없죠.. [1] 2009.07.14 by bcpt
풍둔나선환 갤러리 게시판 문의... [3] 2009.07.14 by 배고프다
박민섭 index페이지에서 곧바로 지정시에.. [13] 2009.07.14 by 글쓴이
ml "자주 묻는 질문"은 어디로 갔나요?  
글쓴이 관리자님 꼭 봐 주세요 [1] 2009.07.14 by 궁금이2
글쓴이 메인 페이지에 출력할 게시판들...  
dusskapark 기본서식 기능을 1.2.0에서 적용하는 방법은 없나요?  
암징 카운터 시간 조정방법?  
흠 웹진 스타일 최근게시물 위젯.. [1] 2009.07.14 by 궁금이2
글쓴이 회원가입후 자동 로그인 문제...  
어나더요리 회원가입 란에서 ''홈피주소'' 및 ''생일 정보'' 입력란을 없애는 방법 없나요? [2] 2009.07.14 by 어나더요리
*카멜레온* 기본 레이아웃 xe_official에서 로그인창 없애는것 질문드립니다. [2] 2009.07.14 by *카멜레온*
max330 메뉴에 아무런 mid를 연결하지 않았는데 메뉴를 클릭하면 홈으로 갑니다. [3] 2009.07.14 by 한이73
태그 쓰기