홈피 2단자동메뉴를 수동으로 관리하고 싶습니다.
본문
분명히 웹 개발자분들은 굉장히 쉬운걸텐데
저같은 초보자는 정말 하기 어렵네요 ㅠㅠ
지금 아래 head.php가 상단메뉴가 2단 자동메뉴인데요~
이걸 수동으로 직접 제가 등록하게 하고싶습니다.ㅠㅠ
120줄 부분? 이부분이 자동메뉴 부분인것 같습니다..
이부분을 수동으로 제가 직접 수정 및 관리할수있게 하고싶어요
아무리해도 안되네요..
꼭좀 방법 부탁드립니다.
5분만 투자하셔서 도와주세요 부탁드립니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 960;
?>
?>
<table width="<?=$table_width?>" height="77" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="30" align="right" colspan="3" valign="top" class="small">
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>" class="small">로그인</a>
| <a href="<?=$g4['bbs_path']?>/register.php" class="small">회원가입</a></td>
<? } else { ?>
<!-- 로그인 이후 -->
<a href="<?=$g4['bbs_path']?>/logout.php" class="small">로그아웃</a>
| <a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php" class="small">정보수정</a> | <a href="javascript:win_memo();" class="small">쪽지함</a> | <a href="javascript:win_point();" class="small">포인트(<?=$member[mb_point]?>점)</a>
<? if($is_admin) { ?>
| <a href="<?=$g4['admin_path']?>/" class="small">관리자페이지</a>
<? } } ?>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="<?=$g4[path]?>/" style="font-family:'NG3';font-size:27px;">홈페이지</a></td>
<td width="80" align="center"></td>
<td>
<script type="text/javascript">
var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;
// Open Hidden Layer
function mopen(n) {
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);
if(l) {
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
} else if(currentLayer) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}
// Turn On Close Timer
function mclosetime() {
closeTimer = window.setTimeout(mclose, TimeOut);
}
// Cancel Close Timer
function mcancelclosetime() {
if(closeTimer) {
window.clearTimeout(closeTimer);
closeTimer = null;
}
}
// Close Showed Layer
function mclose() {
if(currentLayer && noClose!=1) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
} else {
noClose = 0;
}
currentLayer = null;
currentitem = null;
}
// Close Layer Then Click-out
document.onclick = mclose;
</script>
var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;
// Open Hidden Layer
function mopen(n) {
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);
if(l) {
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
} else if(currentLayer) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}
// Turn On Close Timer
function mclosetime() {
closeTimer = window.setTimeout(mclose, TimeOut);
}
// Cancel Close Timer
function mcancelclosetime() {
if(closeTimer) {
window.clearTimeout(closeTimer);
closeTimer = null;
}
}
// Close Showed Layer
function mclose() {
if(currentLayer && noClose!=1) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
} else {
noClose = 0;
}
currentLayer = null;
currentitem = null;
}
// Close Layer Then Click-out
document.onclick = mclose;
</script>
<style>
#dd { margin: 0; padding: 0 }
#dd li { margin: 0; padding: 0; list-style: none; float: left; }
#dd li a.menu { font-family:'NG3';display: block; font-size:17px; font-weight:bold; }
.submenu { margin-top:10px; width:162px; border: 0px solid; visibility: hidden; position: absolute; z-index: 3 }
.submenu a { display: block; font-size: 11px; color: #000000; background-color: #FFFFFF; opacity:0.9; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: left; text-decoration: none; padding: 10px; }
.submenu a:hover { color: #000000; font-size: 11px; font-weight:bold; }
</style>
#dd { margin: 0; padding: 0 }
#dd li { margin: 0; padding: 0; list-style: none; float: left; }
#dd li a.menu { font-family:'NG3';display: block; font-size:17px; font-weight:bold; }
.submenu { margin-top:10px; width:162px; border: 0px solid; visibility: hidden; position: absolute; z-index: 3 }
.submenu a { display: block; font-size: 11px; color: #000000; background-color: #FFFFFF; opacity:0.9; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: left; text-decoration: none; padding: 10px; }
.submenu a:hover { color: #000000; font-size: 11px; font-weight:bold; }
</style>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<?
$sql = " select gr_id, gr_subject, gr_2 from $g4[group_table] group by gr_1";
$result = sql_query($sql);
for ($i=1; $row=sql_fetch_array($result); $i++) {
?>
<? if($i != "1") {?><td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td><? } ?>
<td>
<ul id="dd">
<tr>
<?
$sql = " select gr_id, gr_subject, gr_2 from $g4[group_table] group by gr_1";
$result = sql_query($sql);
for ($i=1; $row=sql_fetch_array($result); $i++) {
?>
<? if($i != "1") {?><td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td><? } ?>
<td>
<ul id="dd">
//아래부분이 자동메뉴 부분인것 같은데 이거를 수동으로 관리하게 하고 싶습니다.ㅠㅠㅠ
<li>
<a href="#" class="menu" id="mmenu<?=$i?>" onmouseover="mopen(<?=$i?>);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon/<?=$row[gr_2]?>" align="absmiddle"> <?=$row[gr_subject]?></a>
<div class="submenu" id="menu<?=$i?>" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<?
$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search ";
$result1 = sql_query($sql1);
for ($i1=0; $row1=sql_fetch_array($result1); $i1++) {
?>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$row1[bo_table]?>"><?=$row1[bo_subject]?></a>
<?
}
?>
</div>
</li>
</ul>
</td>
<?
}
?>
</tr>
</table>
<li>
<a href="#" class="menu" id="mmenu<?=$i?>" onmouseover="mopen(<?=$i?>);" onmouseout="mclosetime();"><img src="<?=$g4[path]?>/img/icon/<?=$row[gr_2]?>" align="absmiddle"> <?=$row[gr_subject]?></a>
<div class="submenu" id="menu<?=$i?>" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<?
$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search ";
$result1 = sql_query($sql1);
for ($i1=0; $row1=sql_fetch_array($result1); $i1++) {
?>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$row1[bo_table]?>"><?=$row1[bo_subject]?></a>
<?
}
?>
</div>
</li>
</ul>
</td>
<?
}
?>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</tr>
</table>
</td>
</tr>
</table>
<? if($bo_table) { ?>
<div style='height:5px;border-bottom:1px solid #ffe00f;'></div>
<div style='height:5px;border-top:1px solid #ffe00f;'></div>
<div style='height:5px;border-bottom:1px solid #ffe00f;'></div>
<div style='height:5px;border-top:1px solid #ffe00f;'></div>
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td height="20"></td></tr>
<tr>
<td><img src="<?=$g4[path]?>/img/body_top.png"></td>
</tr>
<tr>
<td background="<?=$g4[path]?>/img/body_center.png" style="padding:23px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table>
<tr>
<td><span class="title"><?=$board[bo_subject]?></span></td>
<td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td>
<td><?=$board[bo_10]?></td>
</tr>
</table>
</td>
<td align="right" class="small">HOME <font color="#CCCCCC">|</font> <?=$group[gr_subject]?> <font color="#CCCCCC">|</font> <?=$board[bo_subject]?></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="<?=$g4[path]?>/img/body_bottom.png"></td>
</tr>
<tr><td height="20"></td></tr>
<tr>
<td align="center">
<? } else { ?>
<tr><td height="20"></td></tr>
<tr>
<td><img src="<?=$g4[path]?>/img/body_top.png"></td>
</tr>
<tr>
<td background="<?=$g4[path]?>/img/body_center.png" style="padding:23px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table>
<tr>
<td><span class="title"><?=$board[bo_subject]?></span></td>
<td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td>
<td><?=$board[bo_10]?></td>
</tr>
</table>
</td>
<td align="right" class="small">HOME <font color="#CCCCCC">|</font> <?=$group[gr_subject]?> <font color="#CCCCCC">|</font> <?=$board[bo_subject]?></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="<?=$g4[path]?>/img/body_bottom.png"></td>
</tr>
<tr><td height="20"></td></tr>
<tr>
<td align="center">
<? } else { ?>
<table width="100%" height="219" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="200" background="<?=$g4[path]?>/img/bg_container.jpg">
<tr>
<td height="200" background="<?=$g4[path]?>/img/bg_container.jpg">
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td style="font-family:'NG3'; font-size:40px; font-weight:bold; color:#ffe40c; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 2px 2px 2px #AAAAAA;"> 커뮤니티</td>
</tr>
<tr><td height="15"></td></tr>
<tr>
<td height="23" style="font-family:'NG2'; font-size:13px; font-weight:bold; color:#FFFFFF; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 1px 1px 1px #AAAAAA;">엔마켓은 그누보드 스킨 및 그누보드 개발정보를 공유하는 곳입니다.</td>
</tr>
<tr>
<td height="23" style="font-family:'NG2'; font-size:13px; font-weight:bold; color:#FFFFFF; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 1px 1px 1px #AAAAAA;">그누보드 기반으로한 웹개발 및 웹사이트 제작도 겸하고 있습니다.</td>
</tr>
</table>
<tr>
<td style="font-family:'NG3'; font-size:40px; font-weight:bold; color:#ffe40c; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 2px 2px 2px #AAAAAA;"> 커뮤니티</td>
</tr>
<tr><td height="15"></td></tr>
<tr>
<td height="23" style="font-family:'NG2'; font-size:13px; font-weight:bold; color:#FFFFFF; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 1px 1px 1px #AAAAAA;">엔마켓은 그누보드 스킨 및 그누보드 개발정보를 공유하는 곳입니다.</td>
</tr>
<tr>
<td height="23" style="font-family:'NG2'; font-size:13px; font-weight:bold; color:#FFFFFF; filter:shadow(color=#AAAAAA, Strength=2, direction=180); text-shadow: 1px 1px 1px #AAAAAA;">그누보드 기반으로한 웹개발 및 웹사이트 제작도 겸하고 있습니다.</td>
</tr>
</table>
</td>
</tr>
<tr><td height="20"></td></tr>
</table>
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td align="center">
<? } ?>
</tr>
<tr><td height="20"></td></tr>
</table>
<table width="<?=$table_width?>" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td align="center">
<? } ?>
답변 1
<style>
#dd { margin: 0; padding: 0 }
#dd li { margin: 0; padding: 0; list-style: none; float: left; }
#dd li a.menu { font-family:'NG3';display: block; font-size:17px; font-weight:bold; }
.submenu { margin-top:10px; width:162px; border: 0px solid; visibility: hidden; position: absolute; z-index: 3 }
.submenu a { display: block; font-size: 11px; color: #000000; background-color: #FFFFFF; opacity:0.9; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: left; text-decoration: none; padding: 10px; }
.submenu a:hover { color: #000000; font-size: 11px; font-weight:bold; }
</style>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<ul id="dd">
//아래부분이 자동메뉴 부분인것 같은데 이거를 수동으로 관리하게 하고 싶습니다.ㅠㅠㅠ
<li>
<a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();"><img src="아이콘경로" align="absmiddle"> 그룹메뉴1</a>
<div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴1-1</a>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴1-2</a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();"><img src="아이콘경로" align="absmiddle"> 그룹메뉴2</a>
<div class="submenu" id="sub_menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴2-1</a>
</div>
</li>
</ul>
</td>
<td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td>
</tr>
</table>
수동으로 하면 기본 형태는 대충 위에 처럼 되겠지만
마우스오버,아웃에 관련된 자바스크립트는 수정해야 될 겁니다.
#dd { margin: 0; padding: 0 }
#dd li { margin: 0; padding: 0; list-style: none; float: left; }
#dd li a.menu { font-family:'NG3';display: block; font-size:17px; font-weight:bold; }
.submenu { margin-top:10px; width:162px; border: 0px solid; visibility: hidden; position: absolute; z-index: 3 }
.submenu a { display: block; font-size: 11px; color: #000000; background-color: #FFFFFF; opacity:0.9; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: left; text-decoration: none; padding: 10px; }
.submenu a:hover { color: #000000; font-size: 11px; font-weight:bold; }
</style>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<ul id="dd">
//아래부분이 자동메뉴 부분인것 같은데 이거를 수동으로 관리하게 하고 싶습니다.ㅠㅠㅠ
<li>
<a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();"><img src="아이콘경로" align="absmiddle"> 그룹메뉴1</a>
<div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴1-1</a>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴1-2</a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();"><img src="아이콘경로" align="absmiddle"> 그룹메뉴2</a>
<div class="submenu" id="sub_menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<div><img src="<?=$g4[path]?>/img/submenu_top.png"></div>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=tb_name">서브메뉴2-1</a>
</div>
</li>
</ul>
</td>
<td width="40" align="center"><img src="<?=$g4[path]?>/img/menu_line.png"></td>
</tr>
</table>
수동으로 하면 기본 형태는 대충 위에 처럼 되겠지만
마우스오버,아웃에 관련된 자바스크립트는 수정해야 될 겁니다.
답변을 작성하시기 전에 로그인 해주세요.
