그누보드 스킨제작법 1(gblist.php부분) 정보
일반 그누보드 스킨제작법 1(gblist.php부분)
본문
// 누그보드 skin제작및 편집법(gblist.php부분) 1
// 기본적으로 gblist.php(gblist.ets), gbview.php(gbview.ets)씩으로 화일명과 같은 이름으로 짝지어져있습니다.
// 그래서 화일명이 같은 ets확장자 파일만 수정하면 됩니다. *^^*
// 이 페이지 위에 추가되는 폼은 head.ets입니다.
// head.ets에는 htem시작 그리고 style설정이 되어 있습니다. head.ets에서
// style를 설정해주면 head.ets의 style대로 그대로 적용됩니다. 다른 gbview.ets ...도 마찬가지....
// 다른 예외 적용시에는 class또는 직접 style를 적용해도 됩니다.
// (배경색 변경할때는 head.ets의 body의 백그라운드값에 그림파일을 주면됩니다.)
{mask:main}
<table width='{게시판크기}' align=center><tr><td> // <---{게시판크기} 이건 gblist.php 18 line에서 가져옵니다.
<table width=100%>
<tr>
<form name=fcategory>
<td width=50%>
{var:분류사용}
<select name=ca_id onchange="location='./gblist.php?gb_table={게시판}&sselect=ca_id&stext='+this.value;">
<option value=''>전체</option>
{분류옵션}
</select>
{/var:분류사용}
</td>
</form>
<td width=50% align=right>오늘 <b>{오늘게시물건수}</b> / 전체 {전체게시물건수}</td>
</tr>
</table>
// 여기까지가 ① - ②의 내용입니다. 폭등을 수정하면됩니다.
<table width=100% border=0 cellpadding=4 cellspacing=1 style='table-layout:fixed;'>
<tr align=center style='font-weight:bold;' height=30> // <---이 height=30때문에 타이틀 폭이 넓은겁니다. *^^* 보기좋게 줄이면 끝..
<td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>번호</td>
{var:분류사용}<td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>분류</td>{/var:분류사용}
<td width='' background='./{스킨디렉토리}/{스킨}/title_background.gif'>제목</td>
<td width=90 background='./{스킨디렉토리}/{스킨}/title_background.gif'>이름</td>
<td width=70 background='./{스킨디렉토리}/{스킨}/title_background.gif'>날짜</td>
<td width=40 background='./{스킨디렉토리}/{스킨}/title_background.gif'>읽음</td>
{var:추천사용}<td width=50 background='./{스킨디렉토리}/{스킨}/title_background.gif'>추천</td>{/var:추천사용}
{var:비추천사용}<td width=50 background='./{스킨디렉토리}/{스킨}/title_background.gif'>비추천</td>{/var:비추천사용}
</tr>
// 여기까지가 ③번 타이블 부분입니다.
// 간단하게 소개하면
// <td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>번호</td>
// 이런식으로 되어 있는데 만약 배경색을 투명으로 하고 싶다면
// <td width=60 >번호</td> 이런식으로 수정하면되고
// 번호필드를 포토삽등으로 수정해서 그림형식으로 넣어도 좋습니다.
// <td width=60 ><img src='./{스킨디렉토리}/{스킨}/번호.gif'></td>
{mask:목록}
<tr align=center class={var:_odd}bg1{/var:_odd}{var:_even}bg2{/var:_even}>
<td>
{* 공지사항이라면 *}
{var:공지사항}<img src='./{스킨디렉토리}/{스킨}/icon_notice.gif'>{/var:공지사항}
{* 아니라면 번호에 -1을 곱하여 출력 (원래 음수) *}
{mis:공지사항}
{var:번호}{php}{번호}*-1{/php}{/var:번호}
{mis:번호} {/mis:번호}
{/mis:공지사항}
</td>
{var:분류사용}<td>{분류}</td>{/var:분류사용}
<td align=left>
{var:답변}{답변}<img src='./{스킨디렉토리}/{스킨}/icon_reply.gif' align=absmiddle>{/var:답변}
{* 이미지인지 파일인지 *}
{var:파일아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_file.gif' align=absmiddle>{/var:파일아이콘}
{var:링크아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_link.gif' align=absmiddle>{/var:링크아이콘}
<a href='./gbview.php?gb_table={게시판}&sselect={검색선택}&stext={검색어}&bd_id={아이디}&page={페이지}'>{var:공지사항}<b>{/var:공지사항}{제목}{var:공지사항}</b>{/var:공지사항}</a>
{* 코멘트가 0 이 아니라면 *}{mis:코멘트수:0}<font size=1>[{코멘트수}]</font>{/mis:코멘트수:0}
{var:새글아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_new.gif' align=absmiddle>{/var:새글아이콘}
{var:뜨거운아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_hot.gif' align=absmiddle>{/var:뜨거운아이콘}
{var:전투아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_battle.gif' align=absmiddle>{/var:전투아이콘}
{var:비밀아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_secret.gif' align=absmiddle>{/var:비밀아이콘}
</td>
<td>
{var:회원아이콘}<img src='./{회원디렉토리}/{회원아이콘}' align=absmiddle>{/var:회원아이콘}
{var:회원}<b>{/var:회원}
{php}cut_str('{이름}',12,''){/php}
{var:회원}</b>{/var:회원}
</td>
<td>{php}substr('{일시}',2,8){/php}</td>
<td>{조회수}</td>
{var:추천사용}<td>{추천수}</td>{/var:추천사용}
{var:비추천사용}<td>{비추천수}</td>{/var:비추천사용}
</tr>
{/mask:목록}
</table>
// 여기까지가 ⑤번 본문내용(DATA)가 직접 출력되는 부분입니다.
// 방식은 똑같습니다. 현재 출력가능한 변수로는
// {번호}, {분류}, {답변}, {게시판}, {코멘트수},{이름}, {일시}, {추천수}, {비추천수} ...등을 gblist.php에서
// $body->게시판 = $gb_table; 이런씩으로 변수를 넘겨주기 때문에 가능합니다.
// 혹 없는 변수를 사용할려고 할대는 gblist.php에서 $body->변수명1 = 변수값 이렇게 설정하고 나서
// 여기서는 {변수명1}하시면 화면에 출력됩니다. *^^*
{var:자료없음}<br><center>자료가 없습니다.</center><br>{/var:자료없음}
<table width=100%>
<tr>
<td width=50%>
{var:전체목록링크}[<a href='./gblist.php?gb_table={게시판}'>전체목록</a>]{/var:전체목록링크}
{var:글입력링크}[<a href='./gbform.php?gb_table={게시판}&w=i'>글입력</a>]{/var:글입력링크}
{var:로그인링크}[<a href='./mblogin.php?gb_table={게시판}'>로그인</a>]{/var:로그인링크}
{var:로그아웃링크}[<a href='./mblogout.php?gb_table={게시판}' title='{로그인회원아이디}님 로그인중'>로그아웃</a>]{/var:로그아웃링크}
{var:정보수정링크}
[<a href="JavaScript:mbformopen('{게시판}');">정보수정</a>]
<script language='JavaScript'>
function mbformopen(gb_table)
{
window.open('./mbform.php?w=u&gb_table='+gb_table, '회원정보수정', 'left=10,top=10,width=550,height=600,scrollbars=yes');
}
</script>
{/var:정보수정링크}
{var:회원가입링크}
[<a href="JavaScript:mbformopen('{게시판}');">회원가입</a>]
<script language='JavaScript'>
function mbformopen(gb_table)
{
window.open('./mbform.php?w=i&gb_table='+gb_table, '회원가입', 'left=10,top=10,width=550,height=600,scrollbars=yes');
}
</script>
{/var:회원가입링크}
{var:암호분실링크}[<a href='./mbpasswdforget1.php?gb_table={게시판}'>암호분실</a>]{/var:암호분실링크}
{var:관리자링크}[<a href='./manage/'>관리자</a>]{/var:관리자링크}
</td>
// 여기까지가 ⑥번 설정부분입니다.
<form name=fsearch method=get action=''>
<input type=hidden name=gb_table value='{게시판}'>
<td width=50% align=right>
<select name=sselect>
<option value='bd_subject|bd_content'>제목+내용</option>
<option value='bd_name'>이름</option>
<option value='bd_num'>번호</option>
<option value='bd_datetime'>날짜</option>
<option value='bd_subject'>제목</option>
<option value='bd_content'>내용</option>
<option value='bd_hit'>읽음</option>
{var:추천사용}<option value='bd_good'>추천</option>{/var:추천사용}
{var:비추천사용}<option value='bd_nogood'>비추천</option>{/var:비추천사용}
</select><input type=text name=stext size=10 required itemname='검색어' value='{검색어}'><input type=submit value='검색'>
</td>
</form>
</tr>
</table>
// 여기까지가 ⑦번 설정부분입니다.
// 여기서 검색 select값을 수정할수도 있는데 <option value='bd_name'>이름</option> bd_name는
// board 필드명을 말합니다. 검색을 다른걸로 하고 싶거나 정렬순서등을 변경하고 싶다면 이 값하고 lib.linc.php 150라인에
// function get_sql_search($field, $stext) 의 내용도 함께 수정해주면됩니다. *^^*
{var:페이지목록}<table width=100%><tr><td align=right>{페이지목록}</td></tr></table>{/var:페이지목록}
</td></tr></table>
{var:검색어}
<script language='JavaScript'>
if ('{검색선택}' == 'ca_id') {
document.fcategory.ca_id.value = '{검색어}';
document.fsearch.stext.value = '';
} else {
document.fsearch.sselect.value = '{검색선택}';
}
</script>
{/var:검색어}
<!-- {실행시간} -->
{/mask:main}
// 기본적으로 gblist.php(gblist.ets), gbview.php(gbview.ets)씩으로 화일명과 같은 이름으로 짝지어져있습니다.
// 그래서 화일명이 같은 ets확장자 파일만 수정하면 됩니다. *^^*
// 이 페이지 위에 추가되는 폼은 head.ets입니다.
// head.ets에는 htem시작 그리고 style설정이 되어 있습니다. head.ets에서
// style를 설정해주면 head.ets의 style대로 그대로 적용됩니다. 다른 gbview.ets ...도 마찬가지....
// 다른 예외 적용시에는 class또는 직접 style를 적용해도 됩니다.
// (배경색 변경할때는 head.ets의 body의 백그라운드값에 그림파일을 주면됩니다.)
{mask:main}
<table width='{게시판크기}' align=center><tr><td> // <---{게시판크기} 이건 gblist.php 18 line에서 가져옵니다.
<table width=100%>
<tr>
<form name=fcategory>
<td width=50%>
{var:분류사용}
<select name=ca_id onchange="location='./gblist.php?gb_table={게시판}&sselect=ca_id&stext='+this.value;">
<option value=''>전체</option>
{분류옵션}
</select>
{/var:분류사용}
</td>
</form>
<td width=50% align=right>오늘 <b>{오늘게시물건수}</b> / 전체 {전체게시물건수}</td>
</tr>
</table>
// 여기까지가 ① - ②의 내용입니다. 폭등을 수정하면됩니다.
<table width=100% border=0 cellpadding=4 cellspacing=1 style='table-layout:fixed;'>
<tr align=center style='font-weight:bold;' height=30> // <---이 height=30때문에 타이틀 폭이 넓은겁니다. *^^* 보기좋게 줄이면 끝..
<td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>번호</td>
{var:분류사용}<td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>분류</td>{/var:분류사용}
<td width='' background='./{스킨디렉토리}/{스킨}/title_background.gif'>제목</td>
<td width=90 background='./{스킨디렉토리}/{스킨}/title_background.gif'>이름</td>
<td width=70 background='./{스킨디렉토리}/{스킨}/title_background.gif'>날짜</td>
<td width=40 background='./{스킨디렉토리}/{스킨}/title_background.gif'>읽음</td>
{var:추천사용}<td width=50 background='./{스킨디렉토리}/{스킨}/title_background.gif'>추천</td>{/var:추천사용}
{var:비추천사용}<td width=50 background='./{스킨디렉토리}/{스킨}/title_background.gif'>비추천</td>{/var:비추천사용}
</tr>
// 여기까지가 ③번 타이블 부분입니다.
// 간단하게 소개하면
// <td width=60 background='./{스킨디렉토리}/{스킨}/title_background.gif'>번호</td>
// 이런식으로 되어 있는데 만약 배경색을 투명으로 하고 싶다면
// <td width=60 >번호</td> 이런식으로 수정하면되고
// 번호필드를 포토삽등으로 수정해서 그림형식으로 넣어도 좋습니다.
// <td width=60 ><img src='./{스킨디렉토리}/{스킨}/번호.gif'></td>
{mask:목록}
<tr align=center class={var:_odd}bg1{/var:_odd}{var:_even}bg2{/var:_even}>
<td>
{* 공지사항이라면 *}
{var:공지사항}<img src='./{스킨디렉토리}/{스킨}/icon_notice.gif'>{/var:공지사항}
{* 아니라면 번호에 -1을 곱하여 출력 (원래 음수) *}
{mis:공지사항}
{var:번호}{php}{번호}*-1{/php}{/var:번호}
{mis:번호} {/mis:번호}
{/mis:공지사항}
</td>
{var:분류사용}<td>{분류}</td>{/var:분류사용}
<td align=left>
{var:답변}{답변}<img src='./{스킨디렉토리}/{스킨}/icon_reply.gif' align=absmiddle>{/var:답변}
{* 이미지인지 파일인지 *}
{var:파일아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_file.gif' align=absmiddle>{/var:파일아이콘}
{var:링크아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_link.gif' align=absmiddle>{/var:링크아이콘}
<a href='./gbview.php?gb_table={게시판}&sselect={검색선택}&stext={검색어}&bd_id={아이디}&page={페이지}'>{var:공지사항}<b>{/var:공지사항}{제목}{var:공지사항}</b>{/var:공지사항}</a>
{* 코멘트가 0 이 아니라면 *}{mis:코멘트수:0}<font size=1>[{코멘트수}]</font>{/mis:코멘트수:0}
{var:새글아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_new.gif' align=absmiddle>{/var:새글아이콘}
{var:뜨거운아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_hot.gif' align=absmiddle>{/var:뜨거운아이콘}
{var:전투아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_battle.gif' align=absmiddle>{/var:전투아이콘}
{var:비밀아이콘}<img src='./{스킨디렉토리}/{스킨}/icon_secret.gif' align=absmiddle>{/var:비밀아이콘}
</td>
<td>
{var:회원아이콘}<img src='./{회원디렉토리}/{회원아이콘}' align=absmiddle>{/var:회원아이콘}
{var:회원}<b>{/var:회원}
{php}cut_str('{이름}',12,''){/php}
{var:회원}</b>{/var:회원}
</td>
<td>{php}substr('{일시}',2,8){/php}</td>
<td>{조회수}</td>
{var:추천사용}<td>{추천수}</td>{/var:추천사용}
{var:비추천사용}<td>{비추천수}</td>{/var:비추천사용}
</tr>
{/mask:목록}
</table>
// 여기까지가 ⑤번 본문내용(DATA)가 직접 출력되는 부분입니다.
// 방식은 똑같습니다. 현재 출력가능한 변수로는
// {번호}, {분류}, {답변}, {게시판}, {코멘트수},{이름}, {일시}, {추천수}, {비추천수} ...등을 gblist.php에서
// $body->게시판 = $gb_table; 이런씩으로 변수를 넘겨주기 때문에 가능합니다.
// 혹 없는 변수를 사용할려고 할대는 gblist.php에서 $body->변수명1 = 변수값 이렇게 설정하고 나서
// 여기서는 {변수명1}하시면 화면에 출력됩니다. *^^*
{var:자료없음}<br><center>자료가 없습니다.</center><br>{/var:자료없음}
<table width=100%>
<tr>
<td width=50%>
{var:전체목록링크}[<a href='./gblist.php?gb_table={게시판}'>전체목록</a>]{/var:전체목록링크}
{var:글입력링크}[<a href='./gbform.php?gb_table={게시판}&w=i'>글입력</a>]{/var:글입력링크}
{var:로그인링크}[<a href='./mblogin.php?gb_table={게시판}'>로그인</a>]{/var:로그인링크}
{var:로그아웃링크}[<a href='./mblogout.php?gb_table={게시판}' title='{로그인회원아이디}님 로그인중'>로그아웃</a>]{/var:로그아웃링크}
{var:정보수정링크}
[<a href="JavaScript:mbformopen('{게시판}');">정보수정</a>]
<script language='JavaScript'>
function mbformopen(gb_table)
{
window.open('./mbform.php?w=u&gb_table='+gb_table, '회원정보수정', 'left=10,top=10,width=550,height=600,scrollbars=yes');
}
</script>
{/var:정보수정링크}
{var:회원가입링크}
[<a href="JavaScript:mbformopen('{게시판}');">회원가입</a>]
<script language='JavaScript'>
function mbformopen(gb_table)
{
window.open('./mbform.php?w=i&gb_table='+gb_table, '회원가입', 'left=10,top=10,width=550,height=600,scrollbars=yes');
}
</script>
{/var:회원가입링크}
{var:암호분실링크}[<a href='./mbpasswdforget1.php?gb_table={게시판}'>암호분실</a>]{/var:암호분실링크}
{var:관리자링크}[<a href='./manage/'>관리자</a>]{/var:관리자링크}
</td>
// 여기까지가 ⑥번 설정부분입니다.
<form name=fsearch method=get action=''>
<input type=hidden name=gb_table value='{게시판}'>
<td width=50% align=right>
<select name=sselect>
<option value='bd_subject|bd_content'>제목+내용</option>
<option value='bd_name'>이름</option>
<option value='bd_num'>번호</option>
<option value='bd_datetime'>날짜</option>
<option value='bd_subject'>제목</option>
<option value='bd_content'>내용</option>
<option value='bd_hit'>읽음</option>
{var:추천사용}<option value='bd_good'>추천</option>{/var:추천사용}
{var:비추천사용}<option value='bd_nogood'>비추천</option>{/var:비추천사용}
</select><input type=text name=stext size=10 required itemname='검색어' value='{검색어}'><input type=submit value='검색'>
</td>
</form>
</tr>
</table>
// 여기까지가 ⑦번 설정부분입니다.
// 여기서 검색 select값을 수정할수도 있는데 <option value='bd_name'>이름</option> bd_name는
// board 필드명을 말합니다. 검색을 다른걸로 하고 싶거나 정렬순서등을 변경하고 싶다면 이 값하고 lib.linc.php 150라인에
// function get_sql_search($field, $stext) 의 내용도 함께 수정해주면됩니다. *^^*
{var:페이지목록}<table width=100%><tr><td align=right>{페이지목록}</td></tr></table>{/var:페이지목록}
</td></tr></table>
{var:검색어}
<script language='JavaScript'>
if ('{검색선택}' == 'ca_id') {
document.fcategory.ca_id.value = '{검색어}';
document.fsearch.stext.value = '';
} else {
document.fsearch.sselect.value = '{검색선택}';
}
</script>
{/var:검색어}
<!-- {실행시간} -->
{/mask:main}
추천
12
12
댓글 전체
감사합니다.
그런데 한가지 궁금한 것이 있어서 몇자 글을 남김니다.
---------------------------------------------------------------------
no 분류 이미지 제목 날짜 조회
---------------------------------------------------------------------
이런식으로 업로드 된 이미지를 게시판 앞부분에 넣고 싶은데여....
gblist.php에 추가 변수명을 넣으라고 했는데 gbview.php의 내용을 참조해서 시도를 해 보았으나
잘 안되는 군요..... 이미지[이미지 변수명은 어떤거죠?]를 불러오는 변수를 gblist.php의 어디에 삽입해야 하나요??
---------------------------------------------------------------------
no 분류 이미지 제목 날짜 조회
---------------------------------------------------------------------
이런식으로 업로드 된 이미지를 게시판 앞부분에 넣고 싶은데여....
gblist.php에 추가 변수명을 넣으라고 했는데 gbview.php의 내용을 참조해서 시도를 해 보았으나
잘 안되는 군요..... 이미지[이미지 변수명은 어떤거죠?]를 불러오는 변수를 gblist.php의 어디에 삽입해야 하나요??
HTML 부분에 버그가 있나 보군요?
제가 지금 하고 있는일이 마무리되면 자잘한 버그들을 잡고 슬슬 그누보드 수정을 해야겠습니다.
많은 관심에 감사드립니다.
제가 지금 하고 있는일이 마무리되면 자잘한 버그들을 잡고 슬슬 그누보드 수정을 해야겠습니다.
많은 관심에 감사드립니다.
HTML형식으로 색깔넣어서 집어넣었더니만..쩝...게시판 모양을 다시 그려서 출력되버립니다. 운영자님 테스트한번해보세요!
아무래도 그부분은 수정을 봐야할것 같습니다.
아무래도 그부분은 수정을 봐야할것 같습니다.