서브메뉴를 구현하고 싶은데요..;; 도와주세요..^^;; 정보
서브메뉴를 구현하고 싶은데요..;; 도와주세요..^^;;
본문
현제 euc-kr php 5 버젼의 서버를이용중이구요..
빌더는 박씨빌더를 이용하고 있습니다..
빌더 샘플 페이지 주소는 아래 주소 입니다...
http://boxi005.boxi.kr/boxi/
홈페이지 제작을 처음 하는거라 모르는게 많아서 자세히 설명 안해주시면 못알아 들어요.^^;;
제가 게시판그룹을 총 5개를 출력할건데요..
해당 게시판그룹에 속해있는 서브게시판 메뉴를 이미지로만 구성된 php로 만들었는데요..
---------- 아래 참고... ----------
/include/leftmenu/leftmenu_clon/leftmenu1.php <-- 게시판그룹1 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu2.php <-- 게시판그룹2 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu3.php <-- 게시판그룹3 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu4.php <-- 게시판그룹4 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu5.php <-- 게시판그룹5 leftmenu 파일
위에 있는 메뉴구성을 게시판 그룹으로 이동된 서브페이지에서 맞게 출력하려면
어떻게 해야하는지를 몰라서 이렇게 질문 남깁니다...
기존에 있던 leftmenu는 메뉴가 텍스트로 나오는데요..
저는 이미지로 메뉴를 각각 만들어서 사용해보려구요...
우선 서브메뉴 자체만은 다 완성이 되었는데요..
게시판그룹 1번으로 갔을때에는 서브메뉴1번이 나와야 하는데..
그걸 어떻게 해야하는건지 설명좀 부탁드립니다.
아참 그리고 또 한가지 더 있는데요...
공지사항 > CEO인사말 , 회사연혁 , 조직도 , 찾아오시는길
요렇게 있잖아요. 근데.. 회사연혁을 들어가면 서브메뉴에서
회사연혁 부분이 굵은 글씨로 표현되잖아요..
제가 만든 서브메뉴 leftmenu가 마우스를 올리면 이미지가 변하게끔..
onmouseover / onmouseout 태그를 이용해서 이미지2장을 서로 바뀌도록 해두었는데요..
선택한 서브메뉴의 이미지가 onmouseover 의 모습으로 유지되도록..
기본 메뉴처럼 동일한 효과가 나타나도록 하려면 어떻게 해야하는건지.. 그것도 좀 알려주세요..
정리하면 이렇습니다..
1. 서브메뉴 (leftmenu) 를 텍스트가 아닌 이미지로 표현하고 싶은데요..
게시판그룹이 5개라서 서브메뉴 이미지가 총 5개 입니다.
각각의 게시판그룹에 맞는 서브메뉴가 출력되도록 하려면 어떻게 하죠?
2. 해당 서브메뉴로 이동했을때에 제가 만든 서브메뉴 (leftmenu) 에서 해당 이미지가
onmouseover 된 해당게시판이 강조된 이미지가 계속해서 보여지게끔 하려면..
어떻게 해야하는지 좀 알려주세요....
아래는 기존에 사용중인 leftmenu.php 파일소스 입니다..
==================================================================================
<? if($gr_id){ ?>
<!-- Nav_V -->
<table width="100" cellpadding=0 cellspacing=0><tr><td height=10 align="center" valign=top></td></tr></table>
<table style="border-collapse:collapse;" align="center" cellpadding="0" cellspacing="0" width="217">
<tr>
<td width="217" height="5" colspan="3">
<p><img src="<?=$g4['path']?>/include/leftmenu/img/outline_top.gif" width="217" height="5" border="0"></p>
</td>
</tr>
<tr>
<td width="5" background="<?=$g4['path']?>/include/leftmenu/img/outline_left.gif">
</td>
<td width="207" align="center">
<!-- Nav_V -->
<table width='207' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td align="center">
<table width='100%' align="center" cellpadding=0 cellspacing=0 border=0>
<?
$red_bullet="<img src='$g4[path]/gnusr/images/bullets/circle03_orange.gif' width='6' height='10' align='middle'>";
$blue_bullet="<img src='$g4[path]/include/leftmenu/img/icl.gif' border='0'>";
$blue_bullet1="<img src='$g4[path]/include/leftmenu/img/icl1.gif' border='0'>";
$line_shadow = "<td height=1 background='$g4[path]/include/leftmenu/img/dot_line.gif'></td></tr>";
$sql = " select gr_id, gr_subject from $g4[group_table] where gr_id = '$gr_id'";//해당그룹 $gr_id를 해당그룹명으로 대체가능
// morning님 전체그룹에서 제외그룹설정
/*
$sql = " select * from $g4[group_table] where gr_id not in ('test', 'test2') order by gr_id ";
$sql = " select * from $g4[group_table]
where gr_id <> 'photo'
and gr_id <> 'common'
and gr_id <> '제외그룹3'
order by gr_id ";
*/
$result = sql_query($sql);
while ($row=mysql_fetch_array($result)) {
//그룹을 보여준다면
echo "<tr><td background='$g4[path]/include/leftmenu/img/lbg.gif' height='119' align='center'>";
echo "<img src='$g4[path]/include/leftmenu/img/ticon_menu.gif' border='0'> <b>$row[gr_subject]</b> <img src='$g4[path]/include/leftmenu/img/ticon_menu.gif' border='0'></td></tr>";
echo $line_shadow;
// 게시판 목록보기 권한설정순 정렬
//$sql2 = " 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_subject ";//참고하세요.
$sql2 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') and bo_use_search = '1' order by bo_order_search";
//제외보드설정
//$sql2 = " select * from $g4[board_table]
//where gr_id = '$row[gr_id]'
//and bo_table <> '제외보드1'
//and bo_table <> '제외보드2'
//order by bo_order_search ";
$result2 = sql_query($sql2);
$bar = "";
while ($row2=mysql_fetch_array($result2)) {
$new_time = date("Y-m-d H:i:s", time()-3600*$row2[bo_new]);
$sql3 = " select count(*) as cnt from $g4[write_prefix]$row2[bo_table] where wr_datetime >= '$new_time' ";
$row3 = sql_fetch($sql3);
if ($row3[cnt] > 0)
$new = " <img src='$g4[path]/include/leftmenu/img/icon_new.gif' border='0'>"; //new 아이콘
else
$new = ""; //new 아이콘 없음
echo "<tr><td width=\"100%\" height='25' align='left' class='left_menu_btn'>";
//g6man님 해당게시판 볼드체로
if ($row2[bo_table] == $bo_table)
echo " $blue_bullet1 <a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu menu_on' onfocus='this.blur()'><font color=#6b98cf><b>$row2[bo_subject]<b></font></a> $new";
//echo "<a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu menu_on' onfocus='this.blur()'>$row2[bo_subject]</a> $blue_bullet1 ";
else
echo " $blue_bullet <a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu' onfocus='this.blur()'>$row2[bo_subject]</a> "; //네모 뷸릿 + 테이블명 + new 아이콘
echo "</td></tr>"; //칸 닫기
echo $line_shadow;//경계선
}
}//}
echo "</td></tr>";
?>
</table>
</td>
</tr>
</table>
<!--네비게이션 메뉴 끝-->
</td>
<td width="5" background="<?=$g4['path']?>/include/leftmenu/img/outline_right.gif">
</td>
</tr>
<tr>
<td width="217" height="5" colspan="3">
<p><img src="<?=$g4['path']?>/include/leftmenu/img/outline_bottom.gif" width="217" height="5" border="0"></p>
</td>
</tr>
</table>
<? } ?>
=======================================================================================
요렇게 되있는데요...
제가 만든 leftmenu_3.php 파일 소스 입니다...
========================================================================================
<html>
<head>
<title>sub_menu3</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="217" height="182" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="sub_menu3/images/sub_menu3_01.jpg" border=0 width="217" height="53"></td>
</tr>
<tr>
<td rowspan="4">
<img src="sub_menu3/images/sub_menu3_02.jpg" border=0 width="5" height="129"></td>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m31" target=_blank>
<img src="sub_menu3/images/sub_menu3_03.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_03ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_03.jpg"' border=0 width="207" height="40"></a></td>
<td rowspan="4">
<img src="sub_menu3/images/sub_menu3_04.jpg" border=0 width="5" height="129"></td>
</tr>
<tr>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m32" target=_blank>
<img src="sub_menu3/images/sub_menu3_05.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_05ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_05.jpg"' border=0 width="207" height="42"></a></td>
</tr>
<tr>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m33" target=_blank>
<img src="sub_menu3/images/sub_menu3_06.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_06ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_06.jpg"' border=0 width="207" height="42"></a></td>
</tr>
<tr>
<td>
<img src="sub_menu3/images/sub_menu3_07.jpg" border="0" width="207" height="5"></td>
</tr>
</table>
</body>
</html>
========================================================================================
일단 기본제공되는 leftmenu.php 파일을 사용하면 왼쪽의 서브메뉴구성이 텍스트로 나오는데요..
저는 포토샵으로 이미지로 만들어서 쓰려고 합니다...
포토샵을 이용해서 slice로 잘라서 html로 만든다음 onmouseover 랑 out 소스를 이용해서
마우스 커서 올렸을때에 이미지 바뀌는거 까지는 구현했는데요..
기본 제공되던 서브메뉴는 메뉴그룹에 따라 자동으로 왼쪽의 서브메뉴가 구성됐었는데요..
제가 만든건.. 메뉴마다 다 각자 만들어서...;;
그러니깐.. 기본으로 제공된 파일은 leftmenu.php 요거 한개인데..
저는 만들은게.. leftmenu_1.php ~ leftmenu_5.php 요렇게 5개 파일이 돼버렸어요..;;
메뉴그룹에 맞는 제가맞는 서브메뉴목록을 불러오려면 어떻게 해야하는지.. 좀 도와주세요^^;;
빌더는 박씨빌더를 이용하고 있습니다..
빌더 샘플 페이지 주소는 아래 주소 입니다...
http://boxi005.boxi.kr/boxi/
홈페이지 제작을 처음 하는거라 모르는게 많아서 자세히 설명 안해주시면 못알아 들어요.^^;;
제가 게시판그룹을 총 5개를 출력할건데요..
해당 게시판그룹에 속해있는 서브게시판 메뉴를 이미지로만 구성된 php로 만들었는데요..
---------- 아래 참고... ----------
/include/leftmenu/leftmenu_clon/leftmenu1.php <-- 게시판그룹1 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu2.php <-- 게시판그룹2 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu3.php <-- 게시판그룹3 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu4.php <-- 게시판그룹4 leftmenu 파일
/include/leftmenu/leftmenu_clon/leftmenu5.php <-- 게시판그룹5 leftmenu 파일
위에 있는 메뉴구성을 게시판 그룹으로 이동된 서브페이지에서 맞게 출력하려면
어떻게 해야하는지를 몰라서 이렇게 질문 남깁니다...
기존에 있던 leftmenu는 메뉴가 텍스트로 나오는데요..
저는 이미지로 메뉴를 각각 만들어서 사용해보려구요...
우선 서브메뉴 자체만은 다 완성이 되었는데요..
게시판그룹 1번으로 갔을때에는 서브메뉴1번이 나와야 하는데..
그걸 어떻게 해야하는건지 설명좀 부탁드립니다.
아참 그리고 또 한가지 더 있는데요...
공지사항 > CEO인사말 , 회사연혁 , 조직도 , 찾아오시는길
요렇게 있잖아요. 근데.. 회사연혁을 들어가면 서브메뉴에서
회사연혁 부분이 굵은 글씨로 표현되잖아요..
제가 만든 서브메뉴 leftmenu가 마우스를 올리면 이미지가 변하게끔..
onmouseover / onmouseout 태그를 이용해서 이미지2장을 서로 바뀌도록 해두었는데요..
선택한 서브메뉴의 이미지가 onmouseover 의 모습으로 유지되도록..
기본 메뉴처럼 동일한 효과가 나타나도록 하려면 어떻게 해야하는건지.. 그것도 좀 알려주세요..
정리하면 이렇습니다..
1. 서브메뉴 (leftmenu) 를 텍스트가 아닌 이미지로 표현하고 싶은데요..
게시판그룹이 5개라서 서브메뉴 이미지가 총 5개 입니다.
각각의 게시판그룹에 맞는 서브메뉴가 출력되도록 하려면 어떻게 하죠?
2. 해당 서브메뉴로 이동했을때에 제가 만든 서브메뉴 (leftmenu) 에서 해당 이미지가
onmouseover 된 해당게시판이 강조된 이미지가 계속해서 보여지게끔 하려면..
어떻게 해야하는지 좀 알려주세요....
아래는 기존에 사용중인 leftmenu.php 파일소스 입니다..
==================================================================================
<? if($gr_id){ ?>
<!-- Nav_V -->
<table width="100" cellpadding=0 cellspacing=0><tr><td height=10 align="center" valign=top></td></tr></table>
<table style="border-collapse:collapse;" align="center" cellpadding="0" cellspacing="0" width="217">
<tr>
<td width="217" height="5" colspan="3">
<p><img src="<?=$g4['path']?>/include/leftmenu/img/outline_top.gif" width="217" height="5" border="0"></p>
</td>
</tr>
<tr>
<td width="5" background="<?=$g4['path']?>/include/leftmenu/img/outline_left.gif">
</td>
<td width="207" align="center">
<!-- Nav_V -->
<table width='207' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td align="center">
<table width='100%' align="center" cellpadding=0 cellspacing=0 border=0>
<?
$red_bullet="<img src='$g4[path]/gnusr/images/bullets/circle03_orange.gif' width='6' height='10' align='middle'>";
$blue_bullet="<img src='$g4[path]/include/leftmenu/img/icl.gif' border='0'>";
$blue_bullet1="<img src='$g4[path]/include/leftmenu/img/icl1.gif' border='0'>";
$line_shadow = "<td height=1 background='$g4[path]/include/leftmenu/img/dot_line.gif'></td></tr>";
$sql = " select gr_id, gr_subject from $g4[group_table] where gr_id = '$gr_id'";//해당그룹 $gr_id를 해당그룹명으로 대체가능
// morning님 전체그룹에서 제외그룹설정
/*
$sql = " select * from $g4[group_table] where gr_id not in ('test', 'test2') order by gr_id ";
$sql = " select * from $g4[group_table]
where gr_id <> 'photo'
and gr_id <> 'common'
and gr_id <> '제외그룹3'
order by gr_id ";
*/
$result = sql_query($sql);
while ($row=mysql_fetch_array($result)) {
//그룹을 보여준다면
echo "<tr><td background='$g4[path]/include/leftmenu/img/lbg.gif' height='119' align='center'>";
echo "<img src='$g4[path]/include/leftmenu/img/ticon_menu.gif' border='0'> <b>$row[gr_subject]</b> <img src='$g4[path]/include/leftmenu/img/ticon_menu.gif' border='0'></td></tr>";
echo $line_shadow;
// 게시판 목록보기 권한설정순 정렬
//$sql2 = " 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_subject ";//참고하세요.
$sql2 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') and bo_use_search = '1' order by bo_order_search";
//제외보드설정
//$sql2 = " select * from $g4[board_table]
//where gr_id = '$row[gr_id]'
//and bo_table <> '제외보드1'
//and bo_table <> '제외보드2'
//order by bo_order_search ";
$result2 = sql_query($sql2);
$bar = "";
while ($row2=mysql_fetch_array($result2)) {
$new_time = date("Y-m-d H:i:s", time()-3600*$row2[bo_new]);
$sql3 = " select count(*) as cnt from $g4[write_prefix]$row2[bo_table] where wr_datetime >= '$new_time' ";
$row3 = sql_fetch($sql3);
if ($row3[cnt] > 0)
$new = " <img src='$g4[path]/include/leftmenu/img/icon_new.gif' border='0'>"; //new 아이콘
else
$new = ""; //new 아이콘 없음
echo "<tr><td width=\"100%\" height='25' align='left' class='left_menu_btn'>";
//g6man님 해당게시판 볼드체로
if ($row2[bo_table] == $bo_table)
echo " $blue_bullet1 <a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu menu_on' onfocus='this.blur()'><font color=#6b98cf><b>$row2[bo_subject]<b></font></a> $new";
//echo "<a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu menu_on' onfocus='this.blur()'>$row2[bo_subject]</a> $blue_bullet1 ";
else
echo " $blue_bullet <a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='list_menu' onfocus='this.blur()'>$row2[bo_subject]</a> "; //네모 뷸릿 + 테이블명 + new 아이콘
echo "</td></tr>"; //칸 닫기
echo $line_shadow;//경계선
}
}//}
echo "</td></tr>";
?>
</table>
</td>
</tr>
</table>
<!--네비게이션 메뉴 끝-->
</td>
<td width="5" background="<?=$g4['path']?>/include/leftmenu/img/outline_right.gif">
</td>
</tr>
<tr>
<td width="217" height="5" colspan="3">
<p><img src="<?=$g4['path']?>/include/leftmenu/img/outline_bottom.gif" width="217" height="5" border="0"></p>
</td>
</tr>
</table>
<? } ?>
=======================================================================================
요렇게 되있는데요...
제가 만든 leftmenu_3.php 파일 소스 입니다...
========================================================================================
<html>
<head>
<title>sub_menu3</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="217" height="182" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="sub_menu3/images/sub_menu3_01.jpg" border=0 width="217" height="53"></td>
</tr>
<tr>
<td rowspan="4">
<img src="sub_menu3/images/sub_menu3_02.jpg" border=0 width="5" height="129"></td>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m31" target=_blank>
<img src="sub_menu3/images/sub_menu3_03.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_03ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_03.jpg"' border=0 width="207" height="40"></a></td>
<td rowspan="4">
<img src="sub_menu3/images/sub_menu3_04.jpg" border=0 width="5" height="129"></td>
</tr>
<tr>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m32" target=_blank>
<img src="sub_menu3/images/sub_menu3_05.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_05ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_05.jpg"' border=0 width="207" height="42"></a></td>
</tr>
<tr>
<td>
<a href="http://paxstock.cafe24.com/boxi/bbs/board.php?bo_table=m33" target=_blank>
<img src="sub_menu3/images/sub_menu3_06.jpg" onmouseover='this.src="sub_menu3/images/sub_menu3_06ov.jpg"' onmouseout='this.src="sub_menu3/images/sub_menu3_06.jpg"' border=0 width="207" height="42"></a></td>
</tr>
<tr>
<td>
<img src="sub_menu3/images/sub_menu3_07.jpg" border="0" width="207" height="5"></td>
</tr>
</table>
</body>
</html>
========================================================================================
일단 기본제공되는 leftmenu.php 파일을 사용하면 왼쪽의 서브메뉴구성이 텍스트로 나오는데요..
저는 포토샵으로 이미지로 만들어서 쓰려고 합니다...
포토샵을 이용해서 slice로 잘라서 html로 만든다음 onmouseover 랑 out 소스를 이용해서
마우스 커서 올렸을때에 이미지 바뀌는거 까지는 구현했는데요..
기본 제공되던 서브메뉴는 메뉴그룹에 따라 자동으로 왼쪽의 서브메뉴가 구성됐었는데요..
제가 만든건.. 메뉴마다 다 각자 만들어서...;;
그러니깐.. 기본으로 제공된 파일은 leftmenu.php 요거 한개인데..
저는 만들은게.. leftmenu_1.php ~ leftmenu_5.php 요렇게 5개 파일이 돼버렸어요..;;
메뉴그룹에 맞는 제가맞는 서브메뉴목록을 불러오려면 어떻게 해야하는지.. 좀 도와주세요^^;;
댓글 전체