제로보드 -> 미니위니 (정렬기능 확장) No.1 > Web Development

• 목록

아시는 분은 아시겠지만 미니위니 라는..아주 깔끔하고 활발한 커뮤니티사이트가 있습니다.
대단한 실력자이신 위쯔님께서 자체적으로 게시판을 개발해서 사용중인곳이죠,.. 그 게시판만의 특화된 기능이 많이 있는데요, 제가 그걸 제로보드로 옮겨오는데 성공했습니다,

저의 테스트게시판처럼 모든기능을 갖추기엔 설명서가 몇십장이 될것도 같고,
모든기능이 필요하지 않으실수도 있고,
한번에 따라하시기 힘들수도 있고,
제가 시간도 많이 나지 않고, 기다리시는분들 너무 지루하시지 않게, 천천히 공부 되시라고
이렇게 단계별로, 기능별로 나눠서 설명서를 차근차근 올리기로 하겠습니다,

# 기능적인건 미니위니만의 특허가 있는 기능도 아니고 구현방법에 있어 어느정도 저의 자체적 꽁수이기에 위쯔님께 허락맡을 부분이 아니라 생각되어 허락을 받지 않았습니다.
위쯔님 혹시라도 뭔가 하실말씀있으시면 언제든지 연락주십쇼, 바로 조치 하겠습니다.
다만 디자인적 부분이나 그림, 아이콘, 문구 등은 사용자가 알아서 알맞게 제작해서 쓰시고, 필요한 부분에 있어 위쯔님또는 저작권자에게 개별적으로 허락을 맡으시길 바랍니다.

차후에 마지막단계에서, 제 스킨을 배포할수 있도록 위쯔님의 넓으신 아량으로 모든 미니위니관련사항에 배포 허락을 해주셨으면 좋겠군요.

## HTML 또는 PHP, 그리고 제로보드를 어느정도 이해하시고 수정 경험이 있으신분들이 시도하시길 바라며, 저의 팁을 따라하시다가 일어난 불상사에 대해선 저는 어떤 책임도 지지 않을것을 말씀드리며, 미리미리 수정하실 화일들을 백업해두시길 바랍니다.

### 모든 수정은 제로보드 최신버전 원본 파일을 기준으로 행해졌음을 알려드립니다.

1. 오늘의 추가기능

:::제로보드에 정렬기능을 확장해보자:::

이 팁을 성공하시면 [All, My, Hot, New-R, 작성자] 이렇게 5개의탭 버튼이 게시판 상단에 생깁니다.

All = 모든글이 나오는 목록의 첫페이지로 돌아가는 기능
My = 내가쓴글 목록 (로그인후에만 보임)
Hot = 리플갯수, 조회수, 리플갯수 + 조회수 + 추천수... 등등 사용자가 원하는 설정으로 많은순으로 정렬합니다 (인기글 목록의 개념)
New-R = 리플이 달린 시간순으로 최근에서 최종 순으로 목록을 정렬해서 보여줍니다
작성자 = 해당글 작성자가 쓴글들의 목록 (내용 보기후에 보임)

2. 추가하기 설명

* 우선 탭버튼으로 사용할 이미지를 아래의 My버튼 예제처럼 완성하십시오.

(활성화) (비활성화)

* 텍스트 MY 는 없이.. 뒷배경으로 쓰일 이미지 입니다. 아무 글씨도 없이 만드세요.

* 이미지의 이름이 각각 tab_on.gif 와 tab_off.gif 라는 가정하에 다른이미지들도 모두 완성후 스킨폴더에 업로드 하엿다면 아래로 진행.

* 사용중인 스킨의 styel.css 를 열어.. 아래와 같이 클래스를 추가해줍니다. (폰트, 패딩,크기등등 원하는데로 맞추세요)

.tabOn {text-align:center;font-family:Verdana,Tahoma;font-size:9px;font-weight:bold;height:27px;background:white url(tab_on.gif)}
.tabOff {text-align:center;font-family:Verdana,Tahoma;font-size:9px;font-weight:bold;height:27px;background:white url(tab_off.gif)}

* 게시판 최상단을 구성하는 스킨의 setup.php 를 수정합니다.

* 최상단에 아래 내용을 삽입합니다

<?
if (!$act) {
$all_class = "tabOn";
} else {
$all_class = "tabOff";
}
if ($act == "my") {
$my_class = "tabOn";
} else {
$my_class = "tabOff";
}
if ($act == "hot") {
$hot_class = "tabOn";
} else {
$hot_class = "tabOff";
}
if ($act == "new_r") {
$new_r_class = "tabOn";
} else {
$new_r_class = "tabOff";
}
if ($act == "user") {
$user_class = "tabOn";
} else {
$user_class = "tabOff";
}
?>

* 이미지 이름들을 알맞게 맞춰주십시용 ^^

* 실제 버튼들이 들어갈 부분을 아래와같이 꾸며주십시요 (저같은 경우엔 가입,로그인등의 버튼을 마지막쎌에, 탭버튼들을 그 앞의 쎌에 넣었죠)

<TD vAlign=top class=<?=$all_class?> noWrap width=40 title="전체 글 목록"><?=$a_all?>ALL</a></TD>

<?if($member[no]){?>
<TD vAlign=top class=<?=$my_class?> noWrap width=40 title="내가 쓴 글 목록"><?=$a_my?>MY</a></TD>
<?}?>

<TD vAlign=top class=<?=$hot_class?> noWrap width=40 title="인기 글 목록 (덧글이 많은글 순)"><?=$a_hot?>HOT</a></TD>

<TD vAlign=top class=<?=$new_r_class?> noWrap width=40 title="최근덧글순 글 목록"><?=$a_new_r?>NEW-R</a></TD>

<?if($no && $data_temp[ismember] > 0){?>
<TD vAlign=top class=<?=$user_class?> noWrap width=40 title="<?=$data_temp[name]?>님이 쓴 글 목록"><?=$a_user?><?=cut_str($data_temp[name],3)//원하는길이로 잘르세요?></a></TD>
<? } ?>

<?if($no && $data[ismember] > 0){?>
<TD vAlign=top class=<?=$user_class?> noWrap width=40 title="<?=$data[name]?>님이 쓴 글 목록"><?=$a_user?><?=cut_str($data[name],3)//원하는길이로 잘르세요?></a></TD>
<? } ?>

* 위의 설명은 활성화 와 비활성화를 배경 이미지로 사용했을때의 방법입니다, 활성화와 비활성화를 어떻게 구별하며, 버튼에 링크를 넣는방법을 이해하신후 활성/비활성을 표시않고 텍스트만 넣기 등 많은 방법이 있으니 원하시는 구조로 변경하세요.

여기까지 하셧다면 자..이어집니다...아래를 클릭!

Share Post: