그누보드4를 설치했는데 원하는 디자인의 홈피제작은 어케하나요? 정보
그누보드4를 설치했는데 원하는 디자인의 홈피제작은 어케하나요?본문
제로보드는 노프레임형식으로 제작하였지만, 그누보드4는 홈페이지제작빌더로 되서 그런지
기본적인 홈페이지 구성이 이루어져있는데
제가 원하는 디자인의 홈페이지를 구성하려 합니다.
마치 제보로드로 노프레임 꾸미는것과 같은 방식으로 말이죠.
뭐 운영메뉴얼이나 기타를 찾아봤지만 도무지 이해가 안가네요.
제로보드와는 전혀 다른구성이라서 머리가 지금 많이 복잡해지고 있습니다.
대충 제가 이해한바로는
기존의 그누보드에서 기본적인 홈페이지 빌더의 디자인에서
코드만 자신이 원하는 디자인페이지로 연결해서 사용하기만 하면 되는듯 보이는데.
다시 이해하고싶네요.
무엇을 손대야 원하는 홈페이지디자인의 페이지를 구성할수있나요.
댓글 전체
저는 초보인지라 첨에 제로를 사용하다가 그누를 쓰려니 님처럼 도저히 이해가 가지않아서 고생했습니다.
그누는 일단 head.php를 열어보시면 인클루드된거을 제외한 나머지 중간부분이 제로와 같다고 생각하시면 됩니다.'
다시말하면 head.php를 나모등을 이용해서 열면 설명된 부분이 있습니다..
그곳을 이용해서 메뉴부분, 좌측메뉴,중간등등을 잘 보시면 그부분을 홈피에 맞게 표를 잘 이용하시면 됩니다.
예로 상단메뉴가 필요 없다면 그 부분은 삭제하시고 홈피에 맞게 만들어 가시면 되더라고요..
제가 님처럼 질문하니까 어떤 분이 head.php..index.php를 구워 삶으라는 멘트를 남겨 주셔서 해보니까
이해가 가더러고요..
^*^
그누는 일단 head.php를 열어보시면 인클루드된거을 제외한 나머지 중간부분이 제로와 같다고 생각하시면 됩니다.'
다시말하면 head.php를 나모등을 이용해서 열면 설명된 부분이 있습니다..
그곳을 이용해서 메뉴부분, 좌측메뉴,중간등등을 잘 보시면 그부분을 홈피에 맞게 표를 잘 이용하시면 됩니다.
예로 상단메뉴가 필요 없다면 그 부분은 삭제하시고 홈피에 맞게 만들어 가시면 되더라고요..
제가 님처럼 질문하니까 어떤 분이 head.php..index.php를 구워 삶으라는 멘트를 남겨 주셔서 해보니까
이해가 가더러고요..
^*^

아래는 head.php내용입니다. 보신데로 수정하시면 됩니다..
<?
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");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 1004;
?>
------------------------------------------------------.> 위는 삭제하시면 안됩니다.
<!-- 상단 배경 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td background="<?=$g4['path']?>/img/top_img_bg.gif">
<table width="100%" height="52" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?=$g4['path']?>/img/top_img.gif" width="100%" height="52"></td>
</tr>
</table></td>
</tr>
</table>
<!-- 상단 배경 끝 --><-------------------이부분이 상담메뉴 위의 부분입니다.. 꾸미지 않으시려면 없애도 됩니다.
<!-- 상단 로고 및 버튼 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td width="43" height="57"></td>
<!-- 로고 -->
<td width="220"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.jpg" width="220" height="57" border="0"></a></td>
<td>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="390" align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 처음으로 버튼 -->
<td width="78"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/top_m01.gif" width="78" height="31" border="0"></a></td>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4['path']?>/img/top_m02.gif" width="78" height="31" border="0"></a></td>
<td width="78"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4['path']?>/img/top_m03.gif" width="78" height="31" border="0"></a></td>
<? } else { ?>
<!-- 로그인 이후 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4['path']?>/img/top_m04.gif" width="78" height="31" border="0"></a></td>
<td width="78"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4['path']?>/img/top_m05.gif" width="78" height="31" border="0"></a></td>
<? } ?>
<!-- 최근게시물 버튼 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/new.php"><img src="<?=$g4['path']?>/img/top_m06.gif" width="78" height="31" border="0"></a></td>
</tr>
</table></td>
<td width="35"></td>
</tr>
</table>
<!-- 상단 로고 및 버튼 끝 --><-------------------------이부분은 상단 메뉴를 만들거나 꾸미는 부분입니다. 역시 필요없으면 삭제하셔도 됩니다.
<!-- 검색 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td width="43" height="11"></td>
<td width="220"></td>
<td width=""></td>
<td width="234"><img src="<?=$g4['path']?>/img/search_top.gif" width="234" height="11"></td>
<td width="35"></td>
</tr>
<tr>
<td height="33"><img src="<?=$g4['path']?>/img/bar_01.gif" width="43" height="33"></td>
<td><img src="<?=$g4['path']?>/img/bar_02.gif" width="220" height="33"></td>
<td background="<?=$g4['path']?>/img/bar_03.gif" width="472" height="33"><table width=100% cellpadding=0 cellspacing=0><tr><td width=25> </td><td><?//=popular();?></td></tr></table></td>
<td>
<table width="100%" height="33" cellspacing="0" cellpadding="0">
<form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<tr>
<td width="25" height="25"><img src="<?=$g4['path']?>/img/search_01.gif" width="25" height="25"></td>
<td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" maxlengt=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
<td width="12"><img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25"></td>
<td width="48"><input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0"></td>
<td width="13"><img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25"></td>
</tr>
<tr>
<td width="234" height="8" colspan="5"><img src="<?=$g4['path']?>/img/search_down.gif" width="234" height="8"></td>
</tr>
</form>
</table></td>
<td></td>
</tr>
</table>
<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value == '')
{
alert("검색어를 입력하세요.");
f.stx.select();
f.stx.focus();
return;
}
/*
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++)
{
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1)
{
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return;
}
*/
f.action = "<?=$g4['bbs_path']?>/search.php";
f.submit();
}
</script>
<!-- 검색 끝 --><-----------게시물 검색등을 꾸미는 부분입니다 , 저는 필요없어서 삭제했습니다.
아래 부분은 그냥 남겨두고 꾸몄습니다.
<div style='height:18px;'></div>
<style type="text/css">
#middiv {
width:<?=$table_width?>px;
position:relative;
margin:0px auto;
vertical-align:top;
float:left;
}
#middiv #mleft { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr>
<td width=43></td>
<!-- 왼쪽 메뉴 --><----------------------말그대로 왼쪽 매뉴를 꾸며줍니다..찬찬히 보시면 이해 가실 겁니다.
<td width=220 valign=top>
<?=outlogin("basic"); // 외부 로그인 ?>
<div style='height:10px;'></div>
<?=poll("basic"); // 설문조사 ?>
<div style='height:10px;'></div>
<?=visit("basic"); // 방문자수 ?>
<div style='height:10px;'></div>
<?=connect(); // 현재 접속자수 ?>
</td>
<td width=18></td>
<!-- 중간 -->
<td width=683 valign=top>
이상 제가본 그누를 설명했습니다만 초보라서 충분하지는 않지만 도움이 되었으면 합니다..
초보가 설명하자니 넘 어렵네요...^*^
<?
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");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 1004;
?>
------------------------------------------------------.> 위는 삭제하시면 안됩니다.
<!-- 상단 배경 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td background="<?=$g4['path']?>/img/top_img_bg.gif">
<table width="100%" height="52" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?=$g4['path']?>/img/top_img.gif" width="100%" height="52"></td>
</tr>
</table></td>
</tr>
</table>
<!-- 상단 배경 끝 --><-------------------이부분이 상담메뉴 위의 부분입니다.. 꾸미지 않으시려면 없애도 됩니다.
<!-- 상단 로고 및 버튼 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td width="43" height="57"></td>
<!-- 로고 -->
<td width="220"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.jpg" width="220" height="57" border="0"></a></td>
<td>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="390" align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 처음으로 버튼 -->
<td width="78"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/top_m01.gif" width="78" height="31" border="0"></a></td>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4['path']?>/img/top_m02.gif" width="78" height="31" border="0"></a></td>
<td width="78"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4['path']?>/img/top_m03.gif" width="78" height="31" border="0"></a></td>
<? } else { ?>
<!-- 로그인 이후 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4['path']?>/img/top_m04.gif" width="78" height="31" border="0"></a></td>
<td width="78"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4['path']?>/img/top_m05.gif" width="78" height="31" border="0"></a></td>
<? } ?>
<!-- 최근게시물 버튼 -->
<td width="78"><a href="<?=$g4['bbs_path']?>/new.php"><img src="<?=$g4['path']?>/img/top_m06.gif" width="78" height="31" border="0"></a></td>
</tr>
</table></td>
<td width="35"></td>
</tr>
</table>
<!-- 상단 로고 및 버튼 끝 --><-------------------------이부분은 상단 메뉴를 만들거나 꾸미는 부분입니다. 역시 필요없으면 삭제하셔도 됩니다.
<!-- 검색 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td width="43" height="11"></td>
<td width="220"></td>
<td width=""></td>
<td width="234"><img src="<?=$g4['path']?>/img/search_top.gif" width="234" height="11"></td>
<td width="35"></td>
</tr>
<tr>
<td height="33"><img src="<?=$g4['path']?>/img/bar_01.gif" width="43" height="33"></td>
<td><img src="<?=$g4['path']?>/img/bar_02.gif" width="220" height="33"></td>
<td background="<?=$g4['path']?>/img/bar_03.gif" width="472" height="33"><table width=100% cellpadding=0 cellspacing=0><tr><td width=25> </td><td><?//=popular();?></td></tr></table></td>
<td>
<table width="100%" height="33" cellspacing="0" cellpadding="0">
<form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<tr>
<td width="25" height="25"><img src="<?=$g4['path']?>/img/search_01.gif" width="25" height="25"></td>
<td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" maxlengt=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
<td width="12"><img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25"></td>
<td width="48"><input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0"></td>
<td width="13"><img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25"></td>
</tr>
<tr>
<td width="234" height="8" colspan="5"><img src="<?=$g4['path']?>/img/search_down.gif" width="234" height="8"></td>
</tr>
</form>
</table></td>
<td></td>
</tr>
</table>
<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value == '')
{
alert("검색어를 입력하세요.");
f.stx.select();
f.stx.focus();
return;
}
/*
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++)
{
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1)
{
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return;
}
*/
f.action = "<?=$g4['bbs_path']?>/search.php";
f.submit();
}
</script>
<!-- 검색 끝 --><-----------게시물 검색등을 꾸미는 부분입니다 , 저는 필요없어서 삭제했습니다.
아래 부분은 그냥 남겨두고 꾸몄습니다.
<div style='height:18px;'></div>
<style type="text/css">
#middiv {
width:<?=$table_width?>px;
position:relative;
margin:0px auto;
vertical-align:top;
float:left;
}
#middiv #mleft { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
<tr>
<td width=43></td>
<!-- 왼쪽 메뉴 --><----------------------말그대로 왼쪽 매뉴를 꾸며줍니다..찬찬히 보시면 이해 가실 겁니다.
<td width=220 valign=top>
<?=outlogin("basic"); // 외부 로그인 ?>
<div style='height:10px;'></div>
<?=poll("basic"); // 설문조사 ?>
<div style='height:10px;'></div>
<?=visit("basic"); // 방문자수 ?>
<div style='height:10px;'></div>
<?=connect(); // 현재 접속자수 ?>
</td>
<td width=18></td>
<!-- 중간 -->
<td width=683 valign=top>
이상 제가본 그누를 설명했습니다만 초보라서 충분하지는 않지만 도움이 되었으면 합니다..
초보가 설명하자니 넘 어렵네요...^*^

그누도 노프레임구조입니다...
헤드 인덱스 테일로 구성되어 있습니다
헤드는 좌측부분짜기 담담하고 인덱스는 메인내용만
그리고 테일은 아래 카피라이트 부분입니다..
헤드 인덱스 테일로 구성되어 있습니다
헤드는 좌측부분짜기 담담하고 인덱스는 메인내용만
그리고 테일은 아래 카피라이트 부분입니다..
그리고 index.php파일을 열어보면 내용은 아래와 같습니다.
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$g4['title'] = "";
include_once("./_head.php");
?>
----------------------------------------------------------------> 위의 내용은 삭제하시면 않됩니다.
<!-- 메인화면 최신글 시작 --><-----------------------이곳을 시작으로 본 내용을 꾸미시면됩니다.
<table width="100%" cellpadding=0 cellspacing=0><tr><td valign=top>
<?
// 최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
// 사용방법
// latest(스킨, 게시판아이디, 출력라인, 글자수);
echo latest("scroll", $row['bo_table'], 12, 70, "4,25");
echo "<p>\n";
}
?>
</td></tr></table>
<!-- 메인화면 최신글 끝 --><--------------------------------여기가지...
--------------------------------------------------------------------------> 아래는 삭제하시면 않됩니다..
tail.php를 불러 와야 하니까요... 참고로 아래 홈피 하단부분을 수정하려면 tail.php를 테이블 중심으로 수정하시면 됩니다..
<?
include_once("./_tail.php");
?>
이상 초보가 본 그누를 설영했습니다...
도움이 되셧으면 합니다...
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$g4['title'] = "";
include_once("./_head.php");
?>
----------------------------------------------------------------> 위의 내용은 삭제하시면 않됩니다.
<!-- 메인화면 최신글 시작 --><-----------------------이곳을 시작으로 본 내용을 꾸미시면됩니다.
<table width="100%" cellpadding=0 cellspacing=0><tr><td valign=top>
<?
// 최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
// 사용방법
// latest(스킨, 게시판아이디, 출력라인, 글자수);
echo latest("scroll", $row['bo_table'], 12, 70, "4,25");
echo "<p>\n";
}
?>
</td></tr></table>
<!-- 메인화면 최신글 끝 --><--------------------------------여기가지...
--------------------------------------------------------------------------> 아래는 삭제하시면 않됩니다..
tail.php를 불러 와야 하니까요... 참고로 아래 홈피 하단부분을 수정하려면 tail.php를 테이블 중심으로 수정하시면 됩니다..
<?
include_once("./_tail.php");
?>
이상 초보가 본 그누를 설영했습니다...
도움이 되셧으면 합니다...
이런 야심한 시간에도 많은 답변을 주신분들에게 너무너무 감사드립니다.
아..왠지모를 감동이 느껴지네요.
꼭 그누보드 성공하겠습니다.
앞으로도 물어볼게 많아질지도 모르지만, 질문 많이남기고 그러겠습니다.^^ 정말 답변주신분들 감사드립니다.
지금부터 답변해주신것들에 대해서 공부좀 해가면서 작업진행해봐야겠네요.
아..왠지모를 감동이 느껴지네요.
꼭 그누보드 성공하겠습니다.
앞으로도 물어볼게 많아질지도 모르지만, 질문 많이남기고 그러겠습니다.^^ 정말 답변주신분들 감사드립니다.
지금부터 답변해주신것들에 대해서 공부좀 해가면서 작업진행해봐야겠네요.
꼭 멋진 홈피 만드시길 바랍니다....
^*^
^*^