그누보드 스킨제작법 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:번호}&nbsp;{/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}