드롭다운 메뉴 삽입 질문입니다.

드롭다운 메뉴 삽입 질문입니다. 정보

드롭다운 메뉴 삽입 질문입니다.

본문

http://www.javascript.co.kr/index.php?_filter=search&mid=js04&search_keyword=%EB%93%9C%EB%A1%AD&search_target=title&document_srl=2445

소스의 출처입니다. 가지고 와서 어찌어찌 이미지로 된 드롭다운 메뉴를 만들었는데
원하는 위치에 삽입하는 방법을 모르겠습니다.
링크된 제작중인 홈페이지에 보면 위쪽에 드롭다운 메뉴가 있고
밑에 이미지로 된 부분이 제가 원래 메뉴를 넣고 싶었던 부분인데요.
그쪽으로 어떻게 옮길까요 ;ㅁ;

아 그리고 제가 처음에 디자인 할 때 메뉴의 가로 사이즈가 다 달랐는데
드롭다운 메뉴 삽입하려면 그걸 같게 통일해야 하나요? 다르게 할 방법은 없을까요?

▶ head.php 내용입니다. ------------------------------------------------------------------

<?
$g4_path="gnuboard4";
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v6.0">

</head>

<table border="0" width="900" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="900" colspan="8" height="0%" valign="top"> <p align="left">
<?php include "$g4[path]/skin/outlogin/simple2/login_text.php"; // 외부 로그인 ?></p>
</td>
</tr>
<tr>
<td width="900" colspan="8" height="135"> <p align="center"><img src="http://hanakiri.ivyro.net/image/title.gif" width="297" height="132" border="0"></p>
</td>
</tr>
<tr>
<td width="180"> <p><img src="http://hanakiri.ivyro.net/image/menu_01.gif" width="180" height="33" border="0"></p>
</td>
<td width="102">
<p><img src="http://hanakiri.ivyro.net/image/menu_02.gif" width="102" height="33" border="0"></p>
</td>
<td width="87"> <p><img src="http://hanakiri.ivyro.net/image/menu_03.gif" width="87" height="33" border="0"></p>
</td>
<td width="92"> <p><img src="http://hanakiri.ivyro.net/image/menu_04.gif" width="92" height="33" border="0"></p>
</td>
<td width="78"> <p><img src="http://hanakiri.ivyro.net/image/menu_05.gif" width="78" height="33" border="0"></p>
</td>
<td width="98"> <p><img src="http://hanakiri.ivyro.net/image/menu_06.gif" width="98" height="33" border="0"></p>
</td>
<td width="79"> <p><img src="http://hanakiri.ivyro.net/image/menu_07.gif" width="79" height="33" border="0"></p>
</td>
<td width="184"> <p><img src="http://hanakiri.ivyro.net/image/menu_08.gif" width="184" height="33" border="0"></p>
</td>
</tr>
</table>
<body>
<script>

</script>

</body>
</html>

제가 나모로 표 만들고 여기저기서 짜집기 하느라 엉망이에요 ;ㅁ;

▶소스 출처 홈페이지에서 다운받은 Config.js 파일 내용입니다.----------------

/**********************************************/
// 수평, 수직 여부 설정
/**********************************************/
MENU_TYPE=1; //1: 수평, 2: 수직

Sort=0; //소트 기능을 사용하려면 1 로 설정 (db 에서 불러온 값들을 정열하여 사용할때 사용)

/**********************************************/
// 메뉴의 위치 설정
/**********************************************/
TOP=10; // 위쪽여백
LEFT=10; // 왼쪽 여백

/**********************************************/
// 각 메뉴 항목의 너비와 높이
/**********************************************/
WIDTH=102; // 너비
HEIGHT=33; // 높이

/**********************************************/
// 레이어의 위치
/**********************************************/
HALIGN="center"; // 좌우정열
VALIGN="MIDDLE"; // 상하정열

/**********************************************/
// 색상, 글꼴 설정
/**********************************************/
// 메뉴 항목
LayerColor="#F5F5F5"; // 레이어의 배경색
LayerRollColor="white"; // 마우스를 대었을때의 배경색
FONT="굴림"; // 글자모양
FONTSIZE="2"; // 글자의 크기
FONTSTYLE="" // "": 보통, "B": 굵은글자, "I": 이탤릭
FONTCOLOR="black"; // 글자의 색상
ROLL_FONTCOLOR="black"; // 마우스 오버시 글자색상
START_CHAR=""; // 각 메뉴명 앞에 붙여질 시작문자

/**********************************************/
// 상단 메인메뉴 부분만 별도로 설정 할 경우
/**********************************************/
Main_Parent_LayerColor="white";
Main_Parent_LayerRollColor="#F5F5F5";
Main_Parent_FONT="굴림";
Main_Parent_FONTSTYLE="B";
Main_Parent_FONTSIZE="2";
Main_Parent_FONTCOLOR="black";
Main_Parent_ROLL_FONTCOLOR="black";
Main_Parent_START_CHAR=" ";

/**********************************************/
// 메뉴 레이어의 속성
/**********************************************/
LayerBorderSize="0"; // 테두리
LayerBorderStyle="solid"; // 모양. dotted | dashed | solid | double | groove | ridge | inset | outset 중에서 설정
LayerBorderColor="#000000"; // 색상

TOP_OFFSET=0;
LEFT_OFFSET=0;

아 그리고 http://hanakiri.ivyro.net/gnuboard4/head.php 파일에 오류문구가 뜨는데
뭐가 잘못된 건지 모르겠네요 ;ㅁ; 이것도 부탁드릴께요 ;ㅁ;

Warning: include_once(/head.sub.php) [function.include-once]: failed to open stream: No such file or directory in /home1/hanakiri/public_html/gnuboard4/head.php on line 3

Warning: include_once() [function.include]: Failed opening '/head.sub.php' for inclusion (include_path='.:/usr/local/php/lib/php') in /home1/hanakiri/public_html/gnuboard4/head.php on line 3

Warning: include_once() [function.include-once]: open_basedir restriction in effect. File(/lib/outlogin.lib.php) is not within the allowed path(s): (/tmp:/home1/hanakiri) in /home1/hanakiri/public_html/gnuboard4/head.php on line 4

Warning: include_once(/lib/outlogin.lib.php) [function.include-once]: failed to open stream: Operation not permitted in /home1/hanakiri/public_html/gnuboard4/head.php on line 4

Warning: include_once() [function.include]: Failed opening '/lib/outlogin.lib.php' for inclusion (include_path='.:/usr/local/php/lib/php') in /home1/hanakiri/public_html/gnuboard4/head.php on line 4

Warning: include(/skin/outlogin/simple2/login_text.php) [function.include]: failed to open stream: No such file or directory in /home1/hanakiri/public_html/gnuboard4/head.php on line 20

Warning: include() [function.include]: Failed opening '/skin/outlogin/simple2/login_text.php' for inclusion (include_path='.:/usr/local/php/lib/php') in /home1/hanakiri/public_html/gnuboard4/head.php on line 20

그누보드 처음써봐서 모르는 게 많네요...가능하면 쉽게 알려주시면 감사하겠습니다 ;ㅁ;
그럼 새해 복 많이 받으세요!

댓글 전체

ohora 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.02.11 12:22:35

아래의 스크립트 부분을 원하는 위치에 넣어 주시고 Config.js 파일에서 세부 수정해 주시면 된다고 하네요.

즉 다음의 소스를 현재 이미지로 넣은 메뉴 부분으로 이동합니다.

==================== 이동해야 할 소스 =======================

<script>

</script>

====================== 여기까지 =================================

아래의 소스가 타이틀 아래 이미지로 되어 있는 메뉴 부분이네요.

=======================================================================
<tr>
<td width="180"> <p><img src="http://hanakiri.ivyro.net/image/menu_01.gif" width="180" height="33" border="0"></p>
</td>
<td width="102">
<p><img src="http://hanakiri.ivyro.net/image/menu_02.gif" width="102" height="33" border="0"></p>
</td>
<td width="87"> <p><img src="http://hanakiri.ivyro.net/image/menu_03.gif" width="87" height="33" border="0"></p>
</td>
<td width="92"> <p><img src="http://hanakiri.ivyro.net/image/menu_04.gif" width="92" height="33" border="0"></p>
</td>
<td width="78"> <p><img src="http://hanakiri.ivyro.net/image/menu_05.gif" width="78" height="33" border="0"></p>
</td>
<td width="98"> <p><img src="http://hanakiri.ivyro.net/image/menu_06.gif" width="98" height="33" border="0"></p>
</td>
<td width="79"> <p><img src="http://hanakiri.ivyro.net/image/menu_07.gif" width="79" height="33" border="0"></p>
</td>
<td width="184"> <p><img src="http://hanakiri.ivyro.net/image/menu_08.gif" width="184" height="33" border="0"></p>
</td>
</tr>

==========================================================================

이 부분을 다음과 같이 수정하시고 config.js. 파일에서 세부 수정해 주세요.

<tr>
<td width="100%">
<script>

</script>
</td>
</tr>

아래의 스크립트 부분을 원하는 위치에 넣어 주시고 Config.js 파일에서 세부 수정해 주시면 된다고 하네요.

즉 다음의 소스를 현재 이미지로 넣은 메뉴 부분으로 이동합니다.

====================  이동해야 할 소스  =======================

Build(); 
//--> 
</script>

======================  여기까지  =================================

아래의 소스가 타이틀 아래 이미지로 되어 있는 메뉴 부분이네요.

=======================================================================
<tr> 
        <td width="180">            <p><img src="http://hanakiri.ivyro.net/image/menu_01.gif" width="180" height="33" border="0"></p> 
</td> 
        <td width="102"> 
            <p><img src="http://hanakiri.ivyro.net/image/menu_02.gif" width="102" height="33" border="0"></p> 
</td> 
        <td width="87">            <p><img src="http://hanakiri.ivyro.net/image/menu_03.gif" width="87" height="33" border="0"></p> 
</td> 
        <td width="92">            <p><img src="http://hanakiri.ivyro.net/image/menu_04.gif" width="92" height="33" border="0"></p> 
</td> 
        <td width="78">            <p><img src="http://hanakiri.ivyro.net/image/menu_05.gif" width="78" height="33" border="0"></p> 
</td> 
        <td width="98">            <p><img src="http://hanakiri.ivyro.net/image/menu_06.gif" width="98" height="33" border="0"></p> 
</td> 
        <td width="79">            <p><img src="http://hanakiri.ivyro.net/image/menu_07.gif" width="79" height="33" border="0"></p> 
</td> 
        <td width="184">            <p><img src="http://hanakiri.ivyro.net/image/menu_08.gif" width="184" height="33" border="0"></p> 
</td> 
    </tr>

==========================================================================

이 부분을 다음과 같이 수정하시고 config.js. 파일에서 세부 수정해 주세요.

<tr> 
<td width="100%">
<script> 
<!-- 
//   AddMenu( 메뉴번호(유일), 메인메뉴번호, 메뉴텍스트, 이미지 주소, 마우스오버 이미지 주소, URL, 타겟); 
 
 
AddMenu("1", "1", "", "http://hanakiri.ivyro.net/image/menu_02.gif", "http://hanakiri.ivyro.net/image/menu_02.gif", "http://hanakiri.ivyro.net/gnuboard4"); 
AddMenu("2", "1", "", "http://hanakiri.ivyro.net/image/menu_02.gif", "http://hanakiri.ivyro.net/image/menu_02.gif", "http://hanakiri.ivyro.net/gnuboard4"); 
AddMenu("7", "7", "", "http://hanakiri.ivyro.net/image/menu_03.gif", "http://hanakiri.ivyro.net/image/menu_03.gif", "URL 을 입력하세요");

Build(); 
//--> 
</script>
</td>
</tr>

haanakiri 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.02.11 18:23:54

답변 감사합니다. 그런데 말씀해주신 대로 하면 오류가 나네요 ;ㅁ;ㅁ;ㅁ; 그래서 그냥 삭제했습니다...;ㅁ;

드롭다운 메뉴 삽입 질문입니다. > 그누4 질문답변

그누4 질문답변

드롭다운 메뉴 삽입 질문입니다. 정보

관련링크

본문

댓글 전체

회원로그인